:root{--bg:#07111f;--card:#0f172a;--accent:#3bc9db;--text:#eef2ff}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
nav{position:sticky;top:0;background:rgba(7,17,31,.95);padding:18px 8%;display:flex;justify-content:space-between}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{padding:120px 8%;background:linear-gradient(135deg,#07111f,#102a43)}
.hero h1{font-size:4rem;max-width:900px}
.hero p{font-size:1.3rem;max-width:900px}
.btn{background:var(--accent);padding:14px 24px;color:#001;text-decoration:none;border-radius:8px;font-weight:bold}
section{padding:80px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.card{background:var(--card);padding:24px;border-radius:12px}
.timeline div{border-left:3px solid var(--accent);padding:0 0 25px 20px;margin-left:10px}
footer{padding:40px;text-align:center;background:#020617}