*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#020617;color:#cbd5e1;line-height:1.7}
header,footer{display:flex;justify-content:space-between;align-items:center;max-width:860px;margin:0 auto;padding:20px}
footer{justify-content:center;gap:8px;border-top:1px solid #1e293b;margin-top:48px;font-size:14px}
a{color:#818cf8}.logo{font-weight:700;color:#fff;text-decoration:none;font-size:20px}
nav a{margin-left:20px;color:#94a3b8;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:0 20px}
h1{color:#fff;font-size:40px;line-height:1.2;margin:32px 0 12px}h2{color:#fff;margin-top:40px}h3{color:#e2e8f0}
.lead{font-size:19px;color:#94a3b8}
.cta{display:inline-block;background:#4f46e5;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:16px 0}th,td{border:1px solid #1e293b;padding:10px;text-align:left}th{background:#0f172a;color:#fff}
.cards{list-style:none;padding:0;display:grid;gap:16px}.cards a{display:block;padding:20px;border:1px solid #1e293b;border-radius:12px;text-decoration:none;background:#0f172a}
.cards strong{color:#fff;display:block}.cards span{color:#94a3b8}
@media(max-width:600px){h1{font-size:30px}nav a{margin-left:12px}}