*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#111}header{background:#050b18;padding:20px 8%}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:bold;color:white}.logo span{color:#1683ff}.btn{background:#1683ff;color:white;padding:12px 25px;border-radius:8px;text-decoration:none}.hero{padding:100px 8%;background:#081426;color:white}.hero h1{font-size:60px}.hero span{color:#32a8ff}section{padding:60px 8%}h2{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:white;padding:30px;border-radius:12px}.contact{text-align:center;background:#1683ff;color:white}footer{padding:20px;text-align:center;background:#050b18;color:white}@media(max-width:700px){.hero h1{font-size:38px}}