* {margin:0;padding:0;box-sizing:border-box}
body {font-family:'Inter',sans-serif;background:#0b0b1a;color:#e0e0e0;line-height:1.7}
header {background:#12122a;border-bottom:1px solid #2a2a5a;padding:1rem 5%}
nav {display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}
.logo {font-size:1.3rem;font-weight:800;color:#0ea5e9;letter-spacing:1px}
nav ul {list-style:none;display:flex;gap:1.5rem}
nav a {color:#aaa;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}
.hero {padding:6rem 5%;text-align:center}
.hero h1 {font-size:3.2rem;color:#fff;margin-bottom:.5rem}
.hero h1 span {color:#0ea5e9}
.hero p {max-width:550px;margin:1rem auto 2rem;color:#888}
.btn {display:inline-block;padding:.8rem 2.5rem;border-radius:4px;text-decoration:none;font-weight:600;background:#0ea5e9;color:#fff}
.btn-o {display:inline-block;padding:.8rem 2.5rem;border-radius:4px;text-decoration:none;font-weight:600;border:1px solid #0ea5e9;color:#0ea5e9;margin-left:1rem}
.container {max-width:1100px;margin:0 auto;padding:0 5%}
.section {padding:4rem 0}
.section h2 {font-size:1.8rem;color:#fff;margin-bottom:2rem}
.g-2 {display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.stat {text-align:center;padding:2rem;background:#12122a;border-radius:8px;border:1px solid #2a2a5a}
.stat .num {font-size:2.5rem;font-weight:800;color:#0ea5e9}
.stat p {color:#888;font-size:.9rem}
.page {max-width:800px;margin:2rem auto;padding:0 5%}
.page h1 {color:#0ea5e9}
footer {border-top:1px solid #2a2a5a;padding:2rem;text-align:center;color:#555;font-size:.85rem}