body{margin:0;font-family:Arial,sans-serif;background:#031320;color:#fff}header{background:linear-gradient(135deg,#031320,#071f33)}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 8%;position:sticky;top:0}.logo{font-weight:700;font-size:28px}.logo span{color:#00B8C9}.nav a{color:#fff;text-decoration:none;margin-left:24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px 8%;gap:40px}.hero img{width:100%;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}h1{font-size:56px;line-height:1.1}.btn{display:inline-block;background:#00B8C9;color:#031320;padding:16px 28px;border-radius:999px;font-weight:700;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:60px 8%;background:#071a2a}article{background:#0b2338;padding:24px;border:1px solid rgba(0,184,201,.25);border-radius:16px}.cta{text-align:center;padding:70px 8%}footer{text-align:center;padding:30px;color:#8fa2b4;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:800px){.hero{grid-template-columns:1fr}h1{font-size:40px}.nav{flex-direction:column;gap:12px}}