body{margin:0;background:#f7f9fc;color:#101828;font-family:Inter,system-ui,sans-serif;line-height:1.65}
.container{max-width:1140px;margin:auto;padding:0 20px}
.header{background:#fff;border-bottom:1px solid #eaecf0}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:850;font-size:22px;color:#101828;text-decoration:none}
.nav a{margin-left:20px;color:#475467;text-decoration:none}
.hero{background:#fff;padding:76px 0 62px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#175cd3}
.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.045em;max-width:850px;margin:14px 0}
.hero p{font-size:19px;color:#475467;max-width:800px}
.section{padding:58px 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:25px}
.card a{color:#175cd3;font-weight:750;text-decoration:none}
.notice{padding:16px;background:#eef4ff;border:1px solid #b2ddff;border-radius:12px}
.footer{border-top:1px solid #e4e7ec;background:#fff;padding:42px 0;margin-top:50px}
.footer a{color:#475467;margin-right:10px}
@media(max-width:720px){.nav nav{display:none}.grid{grid-template-columns:1fr}.hero{padding:50px 0}}
.affiliate-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin:1.5rem 0;text-align:center}
.affiliate-card h3{margin-bottom:.5rem;color:#1e293b;font-size:1.15rem}
.affiliate-card p{color:#475569;margin-bottom:1rem}
.affiliate-card .btn-primary{display:inline-block;text-decoration:none;background:#175cd3;color:#fff;padding:.65rem 1.4rem;border-radius:10px;font-weight:700}
.affiliate-card .affiliate-disclosure{display:block;margin-top:.75rem;font-size:.75rem;color:#64748b}
body.dark .affiliate-card{background:#1e293b;border-color:#334155}
body.dark .affiliate-card h3{color:#e2e8f0}
body.dark .affiliate-card p{color:#cbd5e1}
body.dark .affiliate-card .affiliate-disclosure{color:#94a3b8}