/* AUTOPAD shared effects */
html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-stopped { overflow: hidden; }
#aurora { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -2; pointer-events: none; opacity: .95; }
.gridbg { position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(255, 200, 150, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 200, 150, .04) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 20%, #000 15%, transparent 75%); mask-image: radial-gradient(ellipse 80% 60% at 50% 20%, #000 15%, transparent 75%); }
.cur { position: fixed; left: 0; top: 0; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; border: 1.5px solid rgba(255, 154, 60, .7); z-index: 450; pointer-events: none; opacity: 0; transition: width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease), background .3s, opacity .3s; will-change: transform; } .cur.on { opacity: 1; } .cur.big { width: 70px; height: 70px; margin: -35px 0 0 -35px; background: rgba(255, 122, 47, .13); border-color: rgba(255, 193, 90, .9); } @media (pointer: coarse) { .cur { display: none; } }
.prog { position: fixed; left: 0; top: 0; right: 0; height: 3px; z-index: 130; transform-origin: left; transform: scaleX(0); background: var(--grad); box-shadow: 0 0 14px rgba(255, 122, 47, .8); }
.btn.pri::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s var(--ease); pointer-events: none; } .btn.pri:hover::before { transform: translateX(120%); }
.btn .rip { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .35); transform: scale(0); animation: rip .7s ease-out forwards; pointer-events: none; } @keyframes rip { to { transform: scale(3); opacity: 0; } }
.rise { animation: rise .75s var(--ease) both; animation-delay: calc(var(--i, 0) * 55ms); } @keyframes rise { from { opacity: 0; transform: translateY(22px) scale(.985); } }
.fadein { animation: fade .5s both; } .slideup { animation: rise .6s var(--ease) both; }
html.calm .rise, html.calm .rv { animation: none !important; opacity: 1 !important; transform: none !important; } html.calm #aurora, html.calm .cur, html.calm .prog { display: none; }