*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#2447D8;--panel:#1632A8;--yellow:#FFD93D;--ink:#14206B;--muted:#C9D4FF;--border:#E0E4F5}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#14161f;font-size:16px;line-height:1.6}
header{background:var(--blue);padding:44px 24px 36px;text-align:center}
.app-icon{width:96px;height:96px;border-radius:21px;margin:0 auto 16px;display:block}
header h1{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-.5px}
header h1 span{color:var(--yellow)}
.tagline{color:var(--muted);margin-top:6px;font-size:1.05rem}
.btn{display:inline-block;margin-top:20px;background:var(--yellow);color:var(--ink);font-weight:800;text-decoration:none;padding:12px 28px;border-radius:999px;box-shadow:0 4px 0 #C9A400}
nav{background:var(--panel);display:flex;justify-content:center;gap:4px;padding:8px}
nav a{color:#fff;text-decoration:none;padding:8px 18px;border-radius:999px;font-weight:600;font-size:.95rem}
nav a.active{background:var(--yellow);color:var(--ink)}
main{max-width:720px;margin:0 auto;padding:36px 24px 56px}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#3A4DA8}
h2{font-size:1.8rem;margin:2px 0 6px}
.lead{color:#555a6e;margin-bottom:8px}
section{margin-top:30px}
h3{font-size:1.1rem;margin-bottom:8px;color:var(--ink)}
ul{padding-left:22px;margin-top:8px}li{margin-top:4px}
a{color:#2447D8}
.card{border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-top:12px;background:#F6F8FF}
footer{border-top:1px solid var(--border);text-align:center;padding:24px;color:#6b7090;font-size:.9rem}
footer a{color:#6b7090}