*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f5f7fb;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a,button{font:inherit}.hero{padding:28px max(24px,calc((100vw - 1180px)/2)) 80px;background:radial-gradient(circle at 15% 15%,#e8f0ff 0,transparent 38%),linear-gradient(180deg,#fff,#f6f8fc)}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:72px}.brand{font-size:24px;font-weight:800;letter-spacing:-.03em}.badge{font-size:13px;padding:8px 12px;border:1px solid #dbe2ee;border-radius:999px;color:#475569;background:#fff}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:64px;gap:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#2563eb}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px;max-width:760px}.lead{font-size:19px;line-height:1.6;color:#475569;max-width:660px}.trust{margin-top:28px;color:#64748b;font-size:14px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:30px;box-shadow:0 20px 55px rgba(15,23,42,.09);min-height:430px}.progress{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.bar{height:7px;background:#edf2f7;border-radius:20px;margin:11px 0 34px;overflow:hidden}.bar div{height:100%;background:#2563eb;border-radius:inherit;transition:.25s}.card h2{font-size:31px;letter-spacing:-.035em;margin:0 0 24px}.options{display:grid;grid-gap:12px;gap:12px}.options button{border:1px solid #dbe2ea;background:#fff;border-radius:14px;padding:17px 18px;text-align:left;font-weight:650;cursor:pointer;transition:.15s}.options button:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 8px 22px rgba(37,99,235,.08)}.results{display:grid;grid-gap:12px;gap:12px}.result{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.result h3{margin:3px 0 4px}.result p{margin:0;color:#64748b;font-size:13px}.rank{font-size:11px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.08em}.result a{white-space:nowrap;text-decoration:none;background:#0f172a;color:#fff;padding:10px 13px;border-radius:10px;font-weight:700;font-size:13px}.restart{margin-top:20px;border:0;background:transparent;color:#2563eb;font-weight:700;cursor:pointer}.disclosure{font-size:11px;color:#94a3b8;line-height:1.5;margin-top:18px}.how{max-width:1180px;margin:0 auto;padding:80px 24px}.how>div:first-child{display:flex;align-items:end;justify-content:space-between}.how h2{font-size:42px;letter-spacing:-.04em;max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:34px}.steps>div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px}.steps b{color:#2563eb}.steps h3{margin:34px 0 8px}.steps p{color:#64748b;line-height:1.6;margin:0}footer{max-width:1180px;margin:0 auto;padding:34px 24px 60px;color:#94a3b8;font-size:13px}@media(max-width:850px){.nav{margin-bottom:44px}.badge{display:none}.heroGrid{grid-template-columns:1fr;gap:36px}.hero{padding-bottom:54px}.hero h1{font-size:46px}.card{min-height:auto}.steps{grid-template-columns:1fr}.how{padding-top:56px}}