body{margin:0;background:#050816;color:white;font-family:Arial,sans-serif}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#08101f}
.logo{height:60px}
.menu a{color:white;text-decoration:none;margin-left:18px}
.hero{display:flex;align-items:center;justify-content:space-between;padding:80px 8%;
background:radial-gradient(circle at 70% 30%,rgba(255,120,0,.25),transparent 30%),
radial-gradient(circle at 30% 60%,rgba(0,140,255,.25),transparent 30%)}
.left{max-width:700px}
.hero-logo{max-width:700px;width:100%}
h1{font-size:72px;line-height:1.05}
h1 span{color:#2d8cff}
.btn{background:#ff6a00;color:white;padding:14px 22px;border-radius:10px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:60px 8%}
.card{background:#0d1528;padding:30px;border-radius:16px;border:1px solid #1f3155}
footer{text-align:center;padding:30px}