:root{--bg:#f4f7fb;--surface:#fff;--ink:#10233f;--muted:#66758a;--primary:#2367f2;--primary-dark:#1552cc;--border:#dce4ef;--success:#147a4a;--danger:#bc2d3b;--shadow:0 18px 50px rgba(24,50,90,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:5}.brand{font-size:1.35rem;font-weight:850;color:var(--ink);text-decoration:none}.brand:before{content:"M";display:inline-grid;place-items:center;width:36px;height:36px;margin-right:10px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2367f2,#68a3ff)}nav{display:flex;align-items:center;gap:22px}nav a,.link-button{color:var(--ink);font:inherit;font-weight:650;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.shell{width:min(1160px,calc(100% - 32px));margin:42px auto;min-height:calc(100vh - 180px)}footer{text-align:center;color:var(--muted);padding:26px}.auth-card,.panel,.landing{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:32px}.auth-card{width:min(480px,100%);margin:7vh auto}.auth-card.wide{width:min(580px,100%)}.panel.narrow{width:min(720px,100%);margin:20px auto}h1,h2{line-height:1.15;margin:8px 0 14px}h1{font-size:clamp(2rem,5vw,3.7rem);letter-spacing:-.045em}h2{font-size:1.35rem}.auth-card h1{font-size:2rem}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.muted,small{color:var(--muted)}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-weight:700;font-size:.92rem}input{width:100%;border:1px solid #cbd7e7;border-radius:12px;background:#fff;color:var(--ink);font:inherit;padding:12px 14px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(35,103,242,.12)}button,.button{border:0;border-radius:12px;padding:12px 18px;background:var(--primary);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;text-align:center}button:hover,.button:hover{background:var(--primary-dark)}.button.secondary{background:#eaf1ff;color:var(--primary)}.small{padding:7px 10px;font-size:.8rem}.danger{background:var(--danger)}.inline{display:inline-block;margin:0}.email-input{display:flex;align-items:center;border:1px solid #cbd7e7;border-radius:12px;background:#f6f8fc;overflow:hidden}.email-input input{border:0;border-radius:0}.email-input span{padding:0 14px;color:var(--muted);font-weight:700;white-space:nowrap}.notice{padding:14px 16px;margin:0 0 22px;border-radius:12px;border:1px solid}.notice.success{background:#e9f8f0;border-color:#b9e7cd;color:var(--success)}.notice.error{background:#fff0f1;border-color:#fac8cd;color:var(--danger)}.notice.info{background:#eef5ff;border-color:#cbdffe;color:#225ea8}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.hero h1{font-size:clamp(2rem,4vw,3rem)}.grid{display:grid;gap:20px;margin:20px 0}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.card span{display:block;color:var(--muted);font-size:.87rem}.card strong{font-size:1.45rem}.panel{border-radius:18px;padding:24px;margin:20px 0;box-shadow:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.landing{min-height:540px;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,8vw,90px);background:radial-gradient(circle at 85% 20%,#dbe9ff 0,transparent 38%),#fff}.landing p{font-size:1.15rem;max-width:650px;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:18px}.secret,.break,.recovery-codes{display:block;margin:16px 0;padding:14px;border-radius:10px;background:#eef3fa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.break{overflow-wrap:anywhere;letter-spacing:0}.recovery-codes{columns:2;font-weight:800}@media(max-width:760px){.topbar{padding:0 16px}.topbar nav a:not(:last-child){display:none}.shell{margin:24px auto}.grid.three,.grid.two{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.auth-card,.panel,.landing{padding:22px;border-radius:18px}.email-input{align-items:stretch;flex-direction:column}.email-input span{padding:8px 14px}.actions{flex-direction:column}.recovery-codes{columns:1}}