:root{--bg: #0b0b0c;--card: #ffffff;--ink: #0b0b0c;--muted: #6b7280;--line: #e5e7eb;--accent: #1d4ed8;--danger: #dc2626;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.brand{color:#fff;font-size:34px;font-weight:700;letter-spacing:.5px}.brand.small{font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-size:14px}.card{background:var(--card);border-radius:14px;padding:18px;border:1px solid var(--line)}.login{display:flex;flex-direction:column;gap:12px;width:320px;align-items:stretch}.login .brand{color:var(--ink);text-align:center}.login input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;color:var(--ink)}button{padding:11px 14px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.app{min-height:100vh;background:#f7f7f8}.topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg)}.topbar .spacer{flex:1}.topbar .muted{color:#cbd5e1}.content{max-width:820px;margin:0 auto;padding:24px 20px}h1{font-size:22px;margin:8px 0 16px}.list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center}.shared-demo{margin-top:24px;display:flex;flex-direction:column;gap:6px}.security{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.mfa{display:flex;flex-direction:column;gap:12px;width:360px;max-width:100%}.mfa input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:18px;letter-spacing:4px;text-align:center;color:var(--ink)}.mfa code{background:#f3f4f6;padding:2px 6px;border-radius:6px;font-size:13px;word-break:break-all}.mfa-steps{margin:0;padding-left:22px;color:var(--ink);font-size:13.5px;line-height:1.55}.mfa-steps li{margin-bottom:8px}.mfa-steps strong{font-weight:650}.mfa .warn{display:block;margin-top:6px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:6px 9px;border-radius:8px;font-weight:600;font-size:12.5px}.mfa .fallback{font-size:13px;color:var(--muted);line-height:1.5}.mfa .fallback code{margin-top:4px;display:inline-block}.mfa .qr{align-self:center}.qr{width:180px;height:180px;background:#fff;padding:8px;border-radius:8px}.qr svg,.qr img{width:100%;height:100%;display:block}