
:root{--bg:#0b1020;--card:#141b33;--accent:#5eead4;--accent2:#818cf8;--text:#e5e9f0;--muted:#9aa4c0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
header{background:linear-gradient(135deg,#111a3a,#0b1020);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233}
.logo{font-size:1.4rem;font-weight:700;color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:1rem;transition:.2s}
nav a:hover,nav a.active{color:var(--accent)}
.hero{padding:90px 40px;text-align:center;background:radial-gradient(circle at 50% 0%,#1b2650,#0b1020)}
.hero h1{font-size:2.6rem;margin-bottom:16px}
.hero p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.1rem}
.container{max-width:1000px;margin:0 auto;padding:50px 30px}
h2{color:var(--accent);margin-bottom:18px;font-size:1.6rem}
h3{color:var(--accent2);margin:22px 0 8px}
p{margin-bottom:14px;color:#cdd5e8}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:26px}
.card{background:var(--card);border:1px solid #26335c;border-radius:14px;padding:24px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--accent)}
.card h3{margin-top:0}
.timeline{border-left:3px solid var(--accent2);padding-left:24px;margin-top:20px}
.timeline div{margin-bottom:22px;position:relative}
.timeline div::before{content:'';position:absolute;left:-31px;top:7px;width:12px;height:12px;background:var(--accent);border-radius:50%}
.timeline b{color:var(--accent)}
table{width:100%;border-collapse:collapse;margin-top:18px}
th,td{padding:12px;border:1px solid #26335c;text-align:left}
th{background:#1a2447;color:var(--accent)}
tr:nth-child(even){background:#121a34}
.btn{display:inline-block;background:var(--accent);color:#06251f;font-weight:700;padding:12px 28px;border-radius:10px;text-decoration:none;margin-top:20px}
footer{text-align:center;color:var(--muted);padding:26px;border-top:1px solid #233;font-size:.9rem}
