body{margin:0;font-family:Arial,sans-serif;background:#08111f;color:#fff;line-height:1.6}
.container{width:min(1100px,92%);margin:auto}
a{color:#5fd7ff;text-decoration:none;font-weight:600;transition:.2s}
a:hover{color:#9ae8ff;text-decoration:underline}
header{position:sticky;top:0;background:#08111fee;padding:18px}
header .container{display:flex;justify-content:space-between;align-items:center}
nav a{margin-left:22px;color:#dff8ff}
.hero{padding:80px 0;background:linear-gradient(135deg,#08111f,#12345c)}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.badge{display:inline-block;background:#1d4ed8;padding:8px 14px;border-radius:20px}
h1{font-size:54px}
.btn{display:inline-block;padding:12px 18px;border:1px solid #5fd7ff;border-radius:8px;color:#dff8ff;margin-right:10px}
.btn:hover{background:#5fd7ff;color:#04101d;text-decoration:none}
.primary{background:#38bdf8;color:#02101b}
.card,.cards div{background:#13233c;padding:25px;border-radius:15px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:70px 0}
.contact{padding:70px 0;text-align:center;background:#0b1a2c}
footer{text-align:center;padding:20px;background:#050b14}
@media(max-width:800px){.hero-grid,.cards{grid-template-columns:1fr}h1{font-size:38px}}

.email-box{
 display:flex;
 justify-content:center;
 align-items:center;
 margin:24px auto;
 width:100%;
}
.email-image{
 display:block;
 max-width:520px;
 width:100%;
 height:auto;
 margin:0 auto;
}