*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#0e1420;color:#e6ebf2}header{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#131b2b}.logo{font-weight:800;font-size:22px}.logo span{color:#2ec4b6}nav a{color:#b8c3d4;margin-left:20px;text-decoration:none}.hero{padding:80px 32px;text-align:center}.hero h1{font-size:44px;margin:0 0 12px}.btn{display:inline-block;margin-top:20px;padding:12px 26px;background:#2ec4b6;color:#0e1420;border-radius:6px;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;padding:0 32px 60px}.card{background:#18223a;border-radius:10px;padding:26px}.card p{color:#2ec4b6;margin:4px 0 0}footer{text-align:center;padding:24px;color:#6b7891;font-size:13px}