*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#0a0a0a;color:white}a{color:inherit;text-decoration:none}button,input,select{font:inherit}body{background:radial-gradient(circle at top,rgba(124,58,237,.22),transparent 35%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.16),transparent 25%),linear-gradient(180deg,#0a0a0a,#101014 35%,#0a0a0a)}.container{max-width:1120px;margin:0 auto;padding:24px}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.between,.flex{display:flex;gap:12px}.between{justify-content:space-between}.between,.hero{align-items:center}.hero{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.1fr .9fr;padding:40px 0}.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(124,58,237,.1);color:#d8b4fe;border:1px solid rgba(196,181,253,.2);font-size:14px}.title{font-size:54px;line-height:1.05;font-weight:700;margin:14px 0}.subtitle{color:rgba(255,255,255,.72);font-size:18px;line-height:1.7}.gradient-text{background:linear-gradient(90deg,#c084fc,#f0abfc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px 18px;background:rgba(255,255,255,.03);color:white;cursor:pointer}.btn-primary{background:white;color:black}.btn-gradient{background:linear-gradient(90deg,#8b5cf6,#22d3ee);color:black;border:none}.small{font-size:14px;color:rgba(255,255,255,.6)}.input,.select{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px;color:white}.section-title{font-size:34px;margin:0 0 10px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(10,10,10,.7);border-bottom:1px solid rgba(255,255,255,.1)}.nav-inner{max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{width:40px;height:40px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:black;font-weight:800}.kpi{font-size:28px;font-weight:700}.list{display:grid;grid-gap:12px;gap:12px}.chip{display:inline-flex;border-radius:999px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);cursor:pointer}.chip.active{background:linear-gradient(90deg,#8b5cf6,#22d3ee);color:black;border:none}.success{color:#86efac}.warn{color:#fde68a}@media (max-width:900px){.grid-2,.grid-3,.hero{grid-template-columns:1fr}.title{font-size:40px}}