body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b1120;color:#e5e7eb}
a{text-decoration:none;color:inherit}
header{position:sticky;top:0;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(34,211,238,.3);padding:12px 0}
.container{max-width:1100px;margin:auto;padding:0 20px}
nav a{margin-right:18px;color:#cbd5e1;font-size:14px}
nav a:hover{color:#22d3ee}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;font-weight:700;border:1px solid transparent}
.btn-primary{background:#22d3ee;color:#000}
.btn-outline{border:1px solid #22d3ee;color:#22d3ee}
.hero{padding:100px 0;text-align:center;background:linear-gradient(180deg,#0b1120,#0f172a)}
h1{font-size:42px;background:linear-gradient(90deg,#22d3ee,#60a5fa);-webkit-background-clip:text;color:transparent}
.section{padding:80px 0}
footer{background:#0a0f1c;border-top:1px solid #1f2937;padding:40px 0;text-align:center;color:#94a3b8;font-size:14px}