
body{margin:0;font-family:Inter,Arial,sans-serif;background:#07111f;color:#fff}
header{display:flex;justify-content:space-between;padding:22px 8%;position:sticky;top:0;background:#091827cc;backdrop-filter:blur(8px)}
a{text-decoration:none;color:#dbeafe;margin:0 12px}
.logo{font-size:30px;font-weight:800}.logo span{color:#22c55e}
.btn{background:#22c55e;color:#06121d;padding:12px 22px;border-radius:10px;font-weight:700}
.hero{padding:90px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;background:linear-gradient(135deg,#07111f,#12345b)}
h1{font-size:64px;margin:0}.green{color:#22c55e}
.card{background:#10233d;border:1px solid #284a70;border-radius:18px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:70px 8%}
.box{background:#10233d;padding:28px;border-radius:16px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 8% 70px}
.stat{background:#10233d;padding:30px;border-radius:16px;text-align:center}
.stat b{display:block;font-size:42px;color:#22c55e}
footer{padding:30px;background:#08111f;text-align:center;color:#9ca3af}
.cta{padding:70px 8%;text-align:center}
form{max-width:700px;margin:auto}
input,textarea{width:100%;padding:15px;border-radius:10px;border:none;margin:10px 0}
button{padding:14px 22px;border:none;border-radius:10px;background:#22c55e;font-weight:bold}
@media(max-width:900px){.hero{grid-template-columns:1fr}h1{font-size:44px}.stats{grid-template-columns:repeat(2,1fr)}}
