body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#fff}
header{padding:18px 40px;display:flex;justify-content:space-between;border-bottom:1px solid #24314f}
.logo{font-size:24px;font-weight:bold}
.hero{padding:80px 20px;text-align:center}
.hero h1{font-size:52px;margin-bottom:10px}
.hero p{color:#b7c2d8;font-size:18px}
.btn{display:inline-block;margin-top:25px;padding:12px 24px;background:#4f7cff;color:#fff;text-decoration:none;border-radius:8px}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:40px}
.card{background:#131c33;border:1px solid #24314f;border-radius:12px;padding:24px;width:260px}
footer{padding:30px;text-align:center;color:#8fa0c0}
a{color:#6eb6ff}
.container{max-width:900px;margin:auto;padding:40px}