body{margin:0;font-family:sans-serif;background:#f8fafc;color:#111}
.header{background:#111;color:#fff;padding:10px 0;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px}
.logo{font-weight:700;display:flex;align-items:center;gap:10px}
.logo-badge{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}
.hero{position:relative;height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(-45deg,#1e3a8a,#2563eb,#10b981,#9333ea);background-size:400% 400%;animation:gradient 10s ease infinite;z-index:-1}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:1100px;width:100%;padding:20px}
.hero h1{font-size:2.5rem;animation:slideIn 2s ease forwards}
@keyframes slideIn{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.sub{font-size:1.2rem;margin:10px 0}
.badges{margin:20px 0;display:flex;gap:10px;flex-wrap:wrap}
.badge{background:#fff1;border-radius:20px;padding:8px 14px;font-size:.9rem;border:1px solid #fff5}
.btn{padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block}
.btn-primary{background:#2563eb;color:#fff}
.btn-glow{background:#10b981;color:#fff;box-shadow:0 0 20px #10b981;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 10px #10b981}50%{box-shadow:0 0 25px #10b981}100%{box-shadow:0 0 10px #10b981}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}
.card{background:#fff;color:#111;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s}
.card:hover{transform:translateY(-5px)}
.section{padding:60px 20px}
.alt{background:#eef2ff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.steps div{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.foot{text-align:center;padding:20px;color:#555}
img{max-width:100%;border-radius:10px}