:root{--primary:#0b2c66;--secondary:#66c61c;--text:#10213d}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#f7f9fc;color:var(--text)}
.container{width:min(1200px,92%);margin:auto}
.navbar{position:fixed;width:100%;top:0;background:rgba(255,255,255,.85);backdrop-filter:blur(12px)}
.navbar .container{display:flex;justify-content:space-between;align-items:center;height:80px}
.logo img{height:48px}
nav{display:flex;gap:28px}
nav a{text-decoration:none;color:#10213d;font-weight:600}
.demo-btn,.btn-primary,.btn-secondary{padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700}
.demo-btn,.btn-primary{background:#0b2c66;color:#fff}
.btn-secondary{border:2px solid #0b2c66;color:#0b2c66}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding-top:120px}
.badge{display:inline-block;padding:10px 18px;background:#fff;border-radius:999px}
.hero h1{font:800 70px Manrope,sans-serif;color:#0b2c66;margin:25px 0}.hero h1 span{color:#66c61c}
.hero h2{font:800 40px Manrope,sans-serif}.hero p{margin:20px 0;line-height:1.8}
.hero-buttons{display:flex;gap:16px;margin:35px 0}
.stats{display:flex;gap:40px}.stats strong{font-size:30px;display:block}
.dashboard-card{background:#fff;padding:24px;border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.12)}
.topbar{height:16px;background:linear-gradient(90deg,#0b2c66,#66c61c);border-radius:20px;margin-bottom:20px}
.chart{height:220px;background:#eef4ff;border-radius:18px;margin-bottom:20px}
.small-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mini{background:#f8fbff;padding:16px;border-radius:16px;font-weight:700}
.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}
.aurora1{width:350px;height:350px;background:#3b82f6;top:-80px;left:-80px}
.aurora2{width:300px;height:300px;background:#66c61c;right:-60px;top:120px}
.aurora3{width:220px;height:220px;background:#00c2ff;bottom:-60px;left:40%}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr}nav{display:none}.hero h1{font-size:50px}}