.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:100vh}.auth-single{grid-template-columns:1fr}.auth-main{display:flex;flex-direction:column;min-height:100vh;padding:28px clamp(24px,5vw,64px)}.auth-content{display:grid;flex:1;place-items:center;padding:40px 0}.auth-bottom{display:flex;justify-content:flex-start}.auth-card{display:grid;gap:18px;width:min(420px,100%)}.auth-single .auth-card{justify-items:start}.auth-card h1{font-size:clamp(30px,3.4vw,40px);letter-spacing:-.04em}.auth-lead{margin-top:-8px;color:var(--fg-muted)}.auth-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--bg-inverse);color:var(--fg-inverse)}.auth-tabs{width:100%;margin-bottom:10px}.auth-tabs a{flex:1;display:grid;place-items:center;min-height:36px;border-radius:8px;color:var(--fg-muted);font-size:14px;font-weight:600;text-decoration:none}.auth-tabs a[aria-selected=true]{background:var(--bg-raised);color:var(--fg);box-shadow:var(--shadow-sm)}.auth-providers{display:grid;gap:10px}.auth-or{display:flex;align-items:center;gap:14px;color:var(--fg-subtle);font-size:13px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-label-row{display:flex;justify-content:space-between;gap:12px}.auth-forgot{color:var(--fg-muted);font-weight:500;text-decoration:none}.auth-forgot:hover{color:var(--fg)}.auth-ok{color:var(--ok)}.auth-method{justify-self:center;font-size:14px;font-weight:500}.auth-switch{padding-top:18px;border-top:1px solid var(--line);color:var(--fg-muted);font-size:14px;text-align:center}.auth-terms{color:var(--fg-subtle);font-size:12px;text-align:center}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-aside{position:relative;display:grid;place-items:center;overflow:hidden;padding:48px;background:#0b0b0b;color:#f5f5f2;--fg-muted: #a5a5a0;--line: #262624}.auth-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#1b1b1a 1px,transparent 1px),linear-gradient(90deg,#1b1b1a 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000,transparent 75%)}.auth-aside-inner{position:relative;display:grid;gap:26px;max-width:460px}.auth-aside h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.045em;line-height:1.02}.auth-aside .eyebrow{color:var(--fg-muted)}.auth-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.auth-steps li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff05;font-size:15px;animation:fade-up .6s var(--ease) both}.auth-steps li span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#f5f5f2;color:#0b0b0b;font-family:var(--mono);font-size:12px;font-weight:600}.auth-live{display:flex;align-items:center;gap:14px;width:fit-content;padding:14px 18px;border-radius:999px;background:#f5f5f2;color:#0b0b0b;animation:fade-up .7s .7s var(--ease) both}.auth-live div{display:grid;line-height:1.25}.auth-live strong{font-family:var(--mono);font-size:13px}.auth-live small{color:#5b5b57;font-size:12px}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{padding:20px}}
