.auth-screen{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:clamp(2rem,16vh,9rem) 1rem 2.5rem;background:var(--bg);overflow-x:hidden}.auth-screen ::selection{background:rgba(99,102,241,.38);color:#fff}.auth-col{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem}.auth-brand{display:flex;align-items:center;gap:.65rem;padding-left:.1rem;font:700 1.15rem var(--font-heading);letter-spacing:-.02em;color:var(--text)}.auth-brand-mark{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.auth-card{max-width:none;gap:1.25rem;border-left-color:var(--t);background:linear-gradient(180deg,var(--t-soft),transparent 160px),var(--card-bg);animation:authIn .28s cubic-bezier(.23,1,.32,1) both}@keyframes authIn{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-card{animation:authFade .2s ease both}@keyframes authFade{0%{opacity:0}to{opacity:1}}}.auth-head{gap:.45rem}.auth-head h1{text-wrap:balance}.auth-head p{text-wrap:pretty}.auth-head strong{color:var(--text);font-weight:600}.auth-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:.35rem;border-radius:10px;color:var(--t-ink);background:var(--t-soft);box-shadow:inset 0 0 0 1px var(--t-line)}.auth-body{gap:1rem}.auth-body,.auth-form{display:flex;flex-direction:column}.auth-form{gap:.9rem}.auth-hint{margin:-.35rem 0 0;font-size:.8125rem;text-align:center}.auth-hint,.auth-muted{color:var(--muted);line-height:1.5}.auth-muted{margin:0;font-size:.875rem}.auth-line{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.auth-line strong{color:var(--text);font-weight:600}.auth-card .ui-field{gap:.4rem}.auth-card .ui-field[data-look=c] .ui-field-label,.auth-label{font:500 .8125rem var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-secondary)}.auth-card .ui-input{min-height:44px;caret-color:var(--primary-hover)}.auth-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.auth-link{color:#a5b4fc;font-size:.8125rem;font-weight:500;text-decoration:none;border-radius:4px;transition:color .15s ease}.auth-foot a:focus-visible,.auth-link:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.auth-card a.ui-btn:hover,.wiz .auth-link:hover{text-decoration:none}.auth-or{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8125rem}.auth-or:after,.auth-or:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.07)}.auth-note{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:var(--bg-elevated);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.auth-note[data-tone=danger],.auth-note[data-tone=warning]{border-color:color-mix(in srgb,var(--t) 22%,transparent)}.auth-note-icon{display:inline-flex;flex-shrink:0;margin-top:2px;color:var(--t-ink)}.auth-steps{margin:0;padding:.75rem .9rem;border-radius:8px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);font-size:.85rem;line-height:1.6}.auth-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;font-size:.8125rem}.auth-foot,.auth-foot a{align-items:center;color:var(--muted)}.auth-foot a{display:inline-flex;gap:.35rem;text-decoration:none;border-radius:4px;transition:color .15s ease}.auth-foot a strong{color:#a5b4fc;font-weight:600}.auth-foot form{display:contents}.auth-foot button{padding:0;border:0;background:none;font:inherit;color:var(--muted);cursor:pointer;border-radius:4px;transition:color .15s ease}.auth-foot button:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.auth-card button.auth-link{align-self:center;padding:0;border:0;background:none;font-family:inherit;cursor:pointer}@media (hover:hover) and (pointer:fine){.auth-link:hover{color:#c7d2fe}.auth-foot a:hover,.auth-foot button:hover{color:var(--text)}}@media (max-width:640px){.auth-screen{padding-top:1.75rem}.auth-col{gap:1rem}.auth-card .ui-input{font-size:16px}}