.auth-page{--auth-cream:#f7f6ee;--auth-ease:cubic-bezier(.2, .7, .2, 1);--auth-out:cubic-bezier(.33, 1, .68, 1)}.auth-panel{isolation:isolate;color:var(--auth-cream);background:#2c4a5c;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";z-index:-2;filter:blur(30px)saturate(1.05);background:radial-gradient(46% 30% at 50% 26%,#0610188c,#0000 75%),radial-gradient(40% 20% at 30% 64%,#aac4c899 0%,#aac4c873 30%,#0000 70%),radial-gradient(55% 14% at 58% 72%,#aac4c866,#0000 70%),radial-gradient(28% 32% at 10% 32%,#3a8080,#0000 70%),radial-gradient(34% 46% at 90% 52%,#2e4a5e,#0000 70%),radial-gradient(24% 14% at 46% 6%,#829282bf,#0000 70%),radial-gradient(18% 10% at 60% 12%,#506a7099,#0000 70%),linear-gradient(160deg,#357371 0%,#285a5e 34%,#2c4a5c 64%,#22394a 100%);animation:40s ease-in-out infinite alternate auth-drift;position:absolute;inset:-12%;transform:rotate(-4deg)scale(1.1)translate(2%,-1.5%)}@keyframes auth-drift{to{transform:rotate(-3deg)scale(1.12)translate(-1.5%,1%)}}.auth-fibres{z-index:-1;opacity:.55;filter:blur(.7px);background:repeating-linear-gradient(97deg,#ffffff1a 0 1px,#0000 1px 7px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(45% 22% at 36% 64%,#000,#0000 75%);mask-image:radial-gradient(45% 22% at 36% 64%,#000,#0000 75%)}.auth-panel:after{content:"";z-index:-1;pointer-events:none;opacity:.36;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='1.1'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") 0 0/200px 200px;position:absolute;inset:0}.auth-panel h2{text-shadow:0 2px 24px #08160c2e}.auth-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08141033}.auth-live{position:relative}.auth-live:after{content:"";opacity:0;animation:auth-pulse 2.4s var(--auth-ease) infinite;border:1px solid #2f9e44;border-radius:50%;position:absolute;inset:-4px}@keyframes auth-pulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2)}}.auth-well{background:var(--color-muted);border:0;border-radius:6px;height:44px;padding-inline:14px;font-size:15px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #0000}.auth-well:hover{box-shadow:inset 0 0 0 1px var(--color-border)}.auth-well:focus-visible,.auth-well:focus-within{background:var(--color-background);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 28%, transparent), 0 0 0 4px #53687824;outline:none}.auth-well[aria-invalid=true]{box-shadow:inset 0 0 0 1px #b6705ab3}.auth-well:has([aria-invalid=true]){box-shadow:inset 0 0 0 1px #b6705ab3}.auth-well[readonly]{color:var(--color-muted-foreground)}.auth-btn{height:44px;transition:box-shadow .6s var(--auth-out), transform .6s var(--auth-out), background .2s, opacity .2s;font-size:15px}@media (hover:hover){.auth-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px -12px #0a0a0a38}}.auth-view{animation:auth-in .5s var(--auth-ease)}@keyframes auth-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}