*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}
a{text-decoration:none}
.hero{min-height:100vh;background:radial-gradient(circle at top right,rgba(250,204,21,.35),transparent 28%),radial-gradient(circle at bottom left,rgba(56,189,248,.32),transparent 30%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,64,175,.82)),#0f172a;color:#fff;padding:24px;display:flex;flex-direction:column}
.nav{width:100%;max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:22px;font-weight:900}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-btn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;padding:11px 18px;border-radius:999px;font-weight:700}
.hero-content{width:100%;max-width:960px;margin:auto;text-align:center;padding:70px 0}
.badge{display:inline-block;background:rgba(250,204,21,.16);border:1px solid rgba(250,204,21,.55);color:#fde68a;padding:9px 16px;border-radius:999px;font-weight:800;margin-bottom:20px;text-transform:uppercase}
.hero h1{font-size:clamp(42px,8vw,82px);color:#facc15;margin-bottom:22px}
.hero p{max-width:820px;margin:0 auto 32px;font-size:21px;line-height:1.6;color:#e5e7eb}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn-primary,.btn-secondary{display:inline-block;padding:15px 24px;border-radius:999px;font-weight:900}
.btn-primary{background:#facc15;color:#111827}
.btn-secondary{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.22)}
.section{padding:80px 20px}
.container{width:100%;max-width:1180px;margin:0 auto}
.section h2{text-align:center;font-size:40px;margin-bottom:14px}
.intro{max-width:780px;margin:0 auto 36px;text-align:center;color:#475569;font-size:18px;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:26px;box-shadow:0 14px 35px rgba(15,23,42,.08)}
.card h3{color:#1d4ed8;font-size:23px;margin-bottom:10px}
.card p{color:#475569;line-height:1.6}
.cta-section{padding:0 20px 80px}
.cta{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:32px;padding:48px 28px;text-align:center}
.cta h2{color:#facc15;font-size:36px;margin-bottom:12px}
.cta p{color:#cbd5e1;margin-bottom:24px;font-size:18px}
footer{background:#0f172a;color:#cbd5e1;text-align:center;padding:28px 16px}
@media(max-width:760px){.nav{flex-direction:column;gap:14px}.cards{grid-template-columns:1fr}.hero p{font-size:18px}}