*{box-sizing:border-box}
body{margin:0;background:#07101f;color:#fff;font-family:Arial,sans-serif}
.container{max-width:1100px;margin:auto;padding:20px}
.hero{text-align:center;padding:90px 20px;background:radial-gradient(circle,#19416a,#07101f)}
.badge{color:#55d6ff;letter-spacing:3px;font-weight:bold}
h1{font-size:48px}
.hero p{font-size:20px;color:#cbd5e1}
.btn{display:inline-block;margin-top:30px;padding:18px 45px;background:#168cff;color:#fff;text-decoration:none;border-radius:50px;font-weight:bold}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.card{background:#111c31;border:1px solid #263c60;border-radius:20px;padding:30px;font-size:20px}
.card span{font-size:16px;color:#cbd5e1}
.info{text-align:center;padding:50px}
footer{text-align:center;padding:30px;color:#94a3b8}
@media(max-width:700px){h1{font-size:32px}.cards{grid-template-columns:1fr}}