.auth-shell{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:18px 24px;width:min(100% - 32px,920px);min-height:100vh;margin:0 auto;padding:24px 0;display:grid}.auth-wordmark{color:var(--foreground);letter-spacing:-.04em;grid-column:1/-1;justify-self:start;font-size:17px}.auth-wordmark:hover{color:var(--foreground)}.auth-wordmark span{font-weight:450}.auth-wordmark strong{font-weight:750}.auth-wordmark .auth-wordmark__suffix{color:var(--muted);letter-spacing:-.01em;margin-left:5px;font-size:13px;font-weight:550}.auth-card{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-small);align-self:center}.auth-card__header{border-bottom:1px solid var(--border);padding:20px}.auth-card__header>span,.auth-form__heading div>span,.auth-demo>div>span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.auth-card__header h1{letter-spacing:-.045em;margin:0;font-size:25px;font-weight:620;line-height:1.08}.auth-card__header p{max-width:500px;color:var(--muted);margin:7px 0 0;font-size:11px}.auth-form{gap:10px;padding:16px 20px;display:grid}.auth-form__heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-form__heading div>strong{font-size:12px;display:block}.auth-protocols{color:var(--faint);font-family:var(--font-mono);font-size:8px}.auth-form label{gap:4px;display:grid}.auth-form label>span{color:var(--muted);font-size:9px;font-weight:650}.auth-form input{border:1px solid var(--border-strong);background:var(--background);border-radius:0;width:100%;min-height:36px;padding:7px 9px;font-size:12px}.auth-form input:hover{border-color:var(--foreground-soft)}.auth-form small,.auth-invite-note{color:var(--faint);margin:0;font-size:8px;line-height:1.45}.auth-submit{border:1px solid var(--foreground);background:var(--foreground);min-height:36px;color:var(--background);border-radius:0;font-size:11px;font-weight:700}.auth-submit:hover:not(:disabled),.auth-submit--primary{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.auth-submit:disabled{cursor:not-allowed;opacity:.55}.auth-segment{border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.auth-segment button{background:var(--surface-subtle);min-height:29px;color:var(--muted);border:0;border-radius:0;font-size:9px;font-weight:650}.auth-segment button+button{border-left:1px solid var(--border)}.auth-segment button.is-active{background:var(--foreground);color:var(--background)}.auth-mode{color:var(--muted);background:0 0;border:0;border-bottom:1px solid;justify-self:start;padding:0;font-size:9px}.auth-divider{color:var(--faint);text-transform:uppercase;align-items:center;gap:9px;font-size:8px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";flex:1;height:1px}.auth-notice{border-bottom:1px solid var(--border);background:var(--surface-subtle);color:var(--muted);padding:9px 20px;font-size:9px}.auth-notice--error{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--surface));color:var(--danger)}.auth-notice--success{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);color:var(--accent-strong)}.auth-demo{border:1px solid var(--border);background:var(--surface-subtle);align-self:center;gap:20px;padding:20px;display:grid}.auth-demo strong{letter-spacing:-.025em;font-size:16px;line-height:1.2;display:block}.auth-demo p{color:var(--muted);margin:8px 0 0;font-size:10px}.auth-demo a{width:fit-content;color:var(--foreground);border-bottom:1px solid;font-size:10px;font-weight:700}.auth-footer{color:var(--faint);grid-column:1/-1;justify-content:center;gap:18px;font-size:9px;display:flex}@media (width<=720px){.auth-shell{grid-template-columns:minmax(0,1fr);align-content:start}.auth-wordmark,.auth-footer{grid-column:1}.auth-demo{order:3}.auth-footer{order:4}}@media (width<=440px){.auth-shell{width:min(100% - 20px,920px);padding:14px 0 20px}.auth-card__header,.auth-form{padding-inline:14px}}