:root { --color-bg:#0B1020; --color-card:#11172A; --color-text:#EEF2FF; --color-muted:#A8B1CE;
--color-primary:#0F62FE; --color-primary-dark:#0043CE; --color-secondary:#FF6A3D; --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.35);}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{background:radial-gradient(1200px 800px at 20% -10%, rgba(15,98,254,0.08), transparent),
radial-gradient(900px 600px at 110% 10%, rgba(255,106,61,0.08), transparent), var(--color-bg); color:var(--color-text); font-family:Inter, ui-sans-serif, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji; line-height:1.6}
a{color:var(--color-primary);text-decoration:none} a:hover{color:var(--color-secondary)}
.container{max-width:1200px;margin:0 auto;padding:24px} .nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;position:sticky;top:0;backdrop-filter:blur(10px);
background:rgba(11,16,32,0.7);border-bottom:1px solid rgba(255,255,255,0.06);z-index:50}
.nav a.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700} .nav .menu a{margin-left:16px;font-weight:500;opacity:.9}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;font-weight:600;border:1px solid rgba(255,255,255,0.14);transition:transform .05s ease}
.btn-primary{background:linear-gradient(135deg,#0F62FE,#0043CE);color:#fff;border:none} .btn-primary:hover{transform:translateY(-1px)}
.btn-secondary{background:rgba(255,255,255,0.06);color:var(--color-text)} .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.15);color:#BBF7D0;font-size:12px;letter-spacing:.2px}
.hero{padding:80px 24px 40px} .hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center} @media(max-width:900px){.hero-inner{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}} .footer{border-top:1px solid rgba(255,255,255,0.08);margin-top:40px;padding:24px;font-size:14px;color:var(--color-muted)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px} @media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
.h1{font-size:42px;line-height:1.1;letter-spacing:-.02em;margin:0 0 10px} .h2{font-size:28px;margin-top:0} .lead{font-size:18px;opacity:.95}
.small{font-size:14px;color:var(--color-muted)} .list-check li::marker{content:"✔ ";color:#22C55E} blockquote{background:rgba(255,255,255,0.04);border-left:4px solid #0F62FE;margin:0;padding:14px 16px;border-radius:8px}
.table{width:100%;border-collapse:collapse} .table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;text-align:left}