:root{--midnight:#081a38;--blue:#6366f1;--mint:#10b981;--surface:#f8fafc;--muted:#64748b}*{box-sizing:border-box}html,body{background:var(--surface);min-height:100%;color:var(--midnight);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0 64px}.nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.toggle{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:999px;justify-content:flex-end;width:46px;height:26px;padding:4px;display:inline-flex}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0000001f}.status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.status i{background:var(--mint);border-radius:50%;width:8px;height:8px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;min-height:72vh;display:grid}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}h1{letter-spacing:-.055em;margin:16px 0 26px;font-size:clamp(52px,8vw,88px);line-height:.94}.lede{max-width:620px;color:var(--muted);font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.button{background:var(--midnight);color:#fff;border-radius:14px;padding:13px 18px;font-weight:700}.muted{color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:26px;box-shadow:0 24px 70px #0f172a1a}.cardTitle{margin-bottom:18px;font-weight:800}.calendarRow{background:#f8fafc;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.calendarRow span{flex-direction:column;gap:3px;display:flex}.calendarRow small{color:var(--muted)}.calendarRow strong{color:#1e3a8a;white-space:nowrap;background:#dbeafe;border-radius:12px;padding:10px 12px;font-size:14px}.calendarRow strong.busy{color:#334155;background:#e2e8f0}.syncLine{text-align:center;color:var(--muted);padding:12px 0;font-size:12px}.privacy{color:#047857;background:#ecfdf5;border-radius:14px;margin-top:18px;padding:14px 16px;font-size:13px;font-weight:700}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:34px;padding-top:72px}.status{display:none}.lede{font-size:18px}}.navRight{align-items:center;gap:18px;display:flex}.language{background:#fff;border:1px solid #dce3ef;border-radius:999px;gap:3px;padding:3px;display:flex}.language button{color:#66748d;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 9px;font:700 12px/1 inherit}.language button.active{color:#fff;background:#071f46}@media (max-width:700px){.navRight{gap:8px}.status{display:none}}.connectShell{background:#f8fafc;place-items:center;min-height:100vh;padding:40px 20px;display:grid}.connectPanel{background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:min(680px,100%);padding:34px;box-shadow:0 24px 70px #0f172a17}.connectTitle{margin:14px 0 18px;font-size:clamp(42px,8vw,68px)}.accountList{gap:12px;margin:28px 0;display:grid}.accountItem{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.accountItem>div{flex-direction:column;gap:3px;display:flex}.accountItem small{color:#64748b}.linkButton{color:#6366f1;cursor:pointer;background:0 0;border:0;font-weight:700}.connectButton{margin-top:8px;text-decoration:none;display:inline-block}.calendarForm{gap:18px;margin-top:28px;display:grid}.calendarForm label{color:#071f46;gap:6px;font-weight:800;display:grid}.calendarForm label small{color:#718096;font-weight:500}.calendarForm select{color:#071f46;width:100%;font:inherit;background:#fff;border:1px solid #dce3ef;border-radius:12px;padding:13px 14px}.accountPair{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:700px){.accountPair{grid-template-columns:1fr}}.syncTest{border-top:1px solid #e2e8f0;gap:14px;margin-top:26px;padding-top:24px;display:grid}.syncTest>div{gap:4px;display:grid}.syncTest small{color:#64748b}.syncError{color:#b91c1c;background:#fef2f2;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}