.authStage{position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px;overflow:hidden;isolation:isolate}.authCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(58% 48% at 50% 50%,transparent 30%,#000 78%);mask-image:radial-gradient(58% 48% at 50% 50%,transparent 30%,#000 78%)}.authPanel{position:relative;z-index:1;width:100%;max-width:424px}.authCard{position:relative;border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:34px 30px 30px;box-shadow:0 40px 110px -40px rgba(0,0,0,.9),0 0 0 1px var(--border)}.authCard:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge,0deg),transparent 0deg,rgba(255,255,255,.55) 28deg,transparent 74deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:authEdge 7s linear infinite}@property --edge{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes authEdge{to{--edge:360deg}}.authTop{display:flex;align-items:center;gap:10px;margin-bottom:22px}.authStatus{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint)}.authDot{width:6px;height:6px;border-radius:50%;background:var(--ok,#46c17f);animation:authPulse 2.4s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.35}}.authPanel>*{animation:authIn .62s cubic-bezier(.22,1,.36,1) both}@keyframes authIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.authCard:before,.authDot,.authPanel>*{animation:none}}