.auth-backdrop{background:radial-gradient(60rem 36rem at 12% -8%,color-mix(in oklch,var(--primary)26%,transparent),transparent 70%),radial-gradient(50rem 32rem at 100% 108%,color-mix(in oklch,var(--cta)22%,transparent),transparent 70%),var(--canvas)}.auth-sticker{background:var(--card);box-shadow:0 4px 0 var(--border),0 20px 34px -14px #00000073;opacity:0;animation:auth-pop .55s cubic-bezier(.2,.9,.3,1.4)var(--d,0s)forwards;border-radius:1.4rem;place-items:center;display:grid}@supports (color:lab(0% 0 0)){.auth-sticker{box-shadow:0 4px 0 var(--border),0 20px 34px -14px lab(0% 0 0/.45)}}@keyframes auth-pop{0%{opacity:0;transform:translateY(14px)scale(.7)rotate(var(--r,0deg))}to{opacity:1;transform:translateY(0)scale(1)rotate(var(--r,0deg))}}@media (prefers-reduced-motion:no-preference){.auth-sticker{animation:auth-pop .55s cubic-bezier(.2,.9,.3,1.4)var(--d,0s)forwards,auth-float 6s ease-in-out calc(var(--d,0s) + .7s)infinite}.auth-bob{animation:3.4s ease-in-out infinite auth-bob}@keyframes auth-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes auth-bob{0%,to{translate:0}50%{translate:0 -6px}}}@media (prefers-reduced-motion:reduce){.auth-sticker{animation-duration:10ms}}.auth-field{background:var(--muted);border:2px solid var(--border);box-shadow:0 3px 0 var(--border);transition:border-color .12s,box-shadow .12s,transform .12s}.auth-field:focus-within{border-color:var(--primary);box-shadow:0 3px 0 var(--primary-edge);transform:translateY(-1px)}