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