.auth-stage{background:radial-gradient(at 40% 44%,#b096d40a,#0000 60%);flex:1;justify-content:center;align-items:center;min-height:calc(100svh - 3.5rem);padding:3rem 1.25rem;display:flex}.auth-stage--standalone{min-height:100svh}.auth-card{width:100%;min-width:0;max-width:26.5rem;color:var(--color-fg);overflow-wrap:anywhere;background:radial-gradient(at 0 0,#bba9d512,#0000 65%),linear-gradient(145deg,#18171d,#0e0e12 70%);border:1px solid #ffffff1c;border-radius:1.5rem;padding:1.5rem;box-shadow:inset 0 1px #ffffff0a,0 24px 80px -24px #00000080}.auth-title-gradient{color:#ddd9e9;background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:1.7rem;font-weight:500;line-height:1.2}.auth-description{color:#aaa7b2;margin-top:.75rem;font-size:.85rem;line-height:1.7}.auth-fields{gap:.75rem;margin-top:1.75rem;display:grid}.auth-divider{color:#aaa7b2;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.auth-primary,.auth-provider{width:100%;min-height:2.85rem;font-family:var(--font-sans);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.82rem;font-weight:550;line-height:1.4;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.auth-primary{color:#19161f;background:linear-gradient(115deg,#dbd2e9,#ecedf5 70%,#e9f2f3);box-shadow:inset 0 1px #ffffff80}.auth-primary:hover:not(:disabled){box-shadow:inset 0 0 0 100px #ffffff30}.auth-provider{color:#eeecf3;background:#ffffff05;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff05}.auth-provider:hover:not(:disabled){background:#bba9d510;border-color:#c5b9dc66}.auth-primary:disabled,.auth-provider:disabled{cursor:not-allowed;opacity:.5}.auth-provider[aria-busy=true]{opacity:1;background:#bba9d510;border-color:#c5b9dc66}.auth-card :is(button,a,input):focus-visible{outline-offset:4px;outline:2px solid #c7b7e0}.auth-link{color:#bdb6cd;text-underline-offset:4px;cursor:pointer;font-size:.8rem;line-height:1.6;text-decoration:underline #bdb6cd55}.auth-link:hover{color:#f0edf5;text-decoration-color:currentColor}.auth-link:disabled{cursor:not-allowed;opacity:.5}.auth-alert,.auth-warning,.auth-hint{color:#b7b2c2;background:#ffffff04;border:1px solid #ffffff14;border-radius:.75rem;padding:.85rem 1rem;font-size:.78rem;line-height:1.7}.auth-alert{color:#efb6b6;background:#d770700a;border-color:#e59b9b33}.auth-warning{color:#e4cba8;background:#dfc0920a;border-color:#dfc09233}.auth-footer{color:#aaa7b2;border-top:1px solid #ffffff0f;margin-top:1.5rem;padding-top:1.15rem;font-size:.72rem;line-height:1.7}.auth-input{color:#f0edf5;background:#05050766;border:1px solid #ffffff26;border-radius:.75rem;width:100%;min-width:0;min-height:2.85rem;padding:.75rem 1rem;font-size:.9rem;display:block}.auth-input::placeholder{color:#96909f}.auth-card .auth-input:focus-visible{border-color:#aaa7b2;outline:none}.auth-otp{gap:.45rem;display:flex}.auth-otp input{color:#f0edf5;width:0;min-width:0;height:3.15rem;font-family:var(--font-space);text-align:center;caret-color:#c7b7e0;background:#05050766;border:1px solid #ffffff26;border-radius:.6rem;flex:1;font-size:1.35rem;font-weight:500;transition:border-color .16s}.auth-otp input[data-filled=true]{border-color:#c7b7e073}.auth-otp input:disabled{opacity:.5}.auth-icon,.auth-success-mark{color:#d5c9e5;background:#bba9d50a;border:1px solid #bba9d52e;border-radius:50%;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;margin-bottom:1.25rem;display:flex}.auth-success-mark{color:#bbdccb;background:#a6cbb70a;border-color:#a6cbb733}.auth-success-mark:after{content:"";border-bottom:1.5px solid;border-left:1.5px solid;width:.85rem;height:.45rem;margin-top:-.2rem;transform:rotate(-45deg)}.auth-code{color:#e0d7ed;font-family:var(--font-space);letter-spacing:.12em;text-align:center;background:#bba9d507;border:1px solid #bba9d52e;border-radius:.85rem;padding:1.1rem .5rem;font-size:1.65rem;line-height:1.3}.auth-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.auth-meta-label{color:#aaa7b2;font-size:.65rem;line-height:1.6}.auth-meta-value{color:#e0dce7;overflow-wrap:anywhere;margin-top:.2rem;font-size:.78rem;line-height:1.6}@media (width>=500px){.auth-card{padding:2rem}.auth-title{font-size:1.8rem}.auth-otp{gap:.6rem}}@media (prefers-reduced-motion:reduce){.auth-card *,.auth-card :after{transition:none!important;animation:none!important}}