* { box-sizing:border-box; }
body.workspace-auth { margin:0; min-height:100dvh; padding:80px 24px 40px; background:var(--magi-bg,#eff3ed); color:var(--magi-text,#24382c); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.auth-layout { width:100%; max-width:900px; margin:clamp(16px,12vh,120px) auto; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.auth-brand { display:inline-block; font-size:20px; font-weight:800; letter-spacing:.06em; text-decoration:none; color:inherit; padding:8px 0; }
.auth-intro h1 { margin:24px 0 12px; font-size:clamp(28px,4vw,40px); line-height:1.3; }
.workspace-auth .auth-intro { background:transparent !important; box-shadow:none !important; border:0; }
.auth-intro p { color:var(--magi-muted,#526357); line-height:1.8; max-width:32em; }
.auth-card { min-width:0; padding:32px; background:var(--magi-surface,#fff); border:1px solid var(--magi-line,#ced8cd); border-radius:16px; }
.auth-form { display:grid; gap:10px; }
.auth-form label { font-size:14px; font-weight:650; }
.auth-form input { width:100%; min-height:46px; padding:10px 12px; margin-bottom:12px; border:1px solid var(--magi-line,#ced8cd); border-radius:8px; background:var(--magi-bg,#eff3ed); color:inherit; font:inherit; }
.auth-form input[type=hidden] { display:none; }
.auth-form button { min-height:46px; margin-top:8px; border:0; border-radius:8px; background:var(--magi-accent,#236844); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
:root[data-magi-theme=cyber] .auth-form button { color:#102b25; }
.auth-alternate { margin:24px 0 0; font-size:14px; line-height:1.7; }
.auth-alternate a { color:var(--magi-accent,#236844); text-underline-offset:4px; }
.auth-rule { margin:0 0 4px; font-size:13px; line-height:1.7; color:var(--magi-muted,#526357); }
.auth-note { margin:12px 0 0; font-size:13px; line-height:1.7; color:var(--magi-muted,#526357); }
.auth-flash { margin:0 0 20px; padding:12px; border-left:3px solid var(--magi-accent,#236844); background:var(--magi-accent-soft,#edf4ed); line-height:1.7; overflow-wrap:anywhere; }
.workspace-auth :focus-visible { outline:3px solid var(--magi-accent,#236844); outline-offset:3px; }
@media(max-width:640px) { body.workspace-auth { padding:64px 20px 24px; } .auth-layout { grid-template-columns:1fr; gap:20px; margin:8px auto; max-width:420px; } .auth-intro h1 { margin-top:16px; } .auth-card { padding:24px; } }