:root{--bg:#f7f9fc;--text:#1f1f1f;--muted:#5a5a5a;--card:#ffffff;--accent:#4e73df;--accent2:black;--accent3:#8e6bff;--shadow:0 6px 24px rgba(0,0,0,.08);--radius:14px}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg:#0f1216;--text:#e6e6e6;--muted:#bdbdbd;--card:#181c20;--accent:#8da2ff;--accent2:black;--accent3:#b798ff;--shadow:0 10px 30px rgba(0,0,0,.45)}}
:root[data-theme="dark"]{--bg:#0f1216;--text:#e6e6e6;--muted:#bdbdbd;--card:#181c20;--accent:#8da2ff;--accent2:black;--accent3:#b798ff;--shadow:0 10px 30px rgba(0,0,0,.45)}
:root[data-theme="light"]{--bg:#f7f9fc;--text:#1f1f1f;--muted:#5a5a5a;--card:#ffffff;--accent:#4e73df;--accent2:black;--accent3:#8e6bff;--shadow:0 6px 24px rgba(0,0,0,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Segoe UI",Roboto,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}img{max-width:100%;height:auto}
.container{max-width:1100px;margin-inline:auto;padding-inline:20px}
.site-header{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1200px 500px at 85% -10%,rgba(28,200,138,.35),transparent 60%),radial-gradient(800px 400px at 10% 0%,rgba(78,115,223,.35),transparent 60%),linear-gradient(120deg,var(--accent),var(--accent2))}
.site-header::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1px);background-size:18px 18px}
.site-header::after{content:"";position:relative;width:680px;height:680px;right:-180px;top:-220px;filter:blur(40px);opacity:.35;background:conic-gradient(from 200deg,var(--accent2),var(--accent3),var(--accent));border-radius:50%}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}
.brand .logo{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
nav{position:relative}nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}nav a{color:#fff;opacity:.95}nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.nav-actions{display:flex;gap:10px;align-items:center}
.theme-toggle{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;padding:6px 10px;border-radius:999px;cursor:pointer}
.burger{display:none;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:6px 10px;border-radius:8px;cursor:pointer}
.hero{padding:60px 0 80px;position:relative}.hero h1{font-size:2.4rem;margin:0 0 10px}.hero p{margin:0;font-size:1.1rem;opacity:.95}.hero .cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.header-wave{position:absolute;left:0;right:0;bottom:-1px;height:80px}.header-wave svg{display:block;width:100%;height:100%}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:#fff;color:#1d2b5c;font-weight:600}.btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}.btn:hover{filter:brightness(1.05)}
.section{padding:56px 0}h2.section-title{color:var(--accent);border-left:4px solid var(--accent2);padding-left:10px;margin-top:0}
.grid{display:grid;gap:24px;grid-template-columns:repeat(12,1fr)}.card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{margin-top:0}
.kpis{display:flex;gap:16px;flex-wrap:wrap}.kpi{flex:1 1 180px;background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow);text-align:center}
blockquote.value{margin:0;padding:18px 22px;border-left:4px solid var(--accent);background:rgba(78,115,223,.08);border-radius:8px}
ul.check{list-style:none;padding-left:0}ul.check li{margin:8px 0;padding-left:28px;position:relative}ul.check li:before{content:"✔";position:absolute;left:0;top:0;color:var(--accent2);font-weight:700}
.site-footer{padding:26px 0;text-align:center;color:var(--muted)}.site-footer a{color:inherit}.footer-nav{margin-top:8px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
form .row{display:grid;gap:16px;grid-template-columns:1fr 1fr}label{display:block;font-weight:600;margin:10px 0 6px}input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ccc;background:var(--card);color:var(--text)}input:focus,textarea:focus{outline:2px solid var(--accent)}
.breadcrumbs{font-size:.95rem;color:var(--muted);margin:8px 0 18px}.breadcrumbs a{color:var(--muted)}
.alert{padding:14px 16px;border-radius:10px;margin:10px 0}.alert.success{background:rgba(28,200,138,.12);border:1px solid rgba(28,200,138,.35);color:#1f7a5a}.alert.error{background:rgba(235,87,87,.12);border:1px solid rgba(235,87,87,.35);color:#8a2b2b}
@media (max-width:1024px){.brand{font-size: 0.9em}.burger{display:inline-block}nav ul{position:fixed;right:20px;top:60px;z-index:30;flex-direction:column;gap:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border-radius:12px;padding:10px;min-width:240px;display:none!important;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .25s ease}nav ul.open{display:flex!important;opacity:1;pointer-events:auto;transform:translateY(0)}nav ul li a{display:block;padding:12px 16px;color:#fff;border-radius:6px}nav ul li a:hover{background:rgba(255,255,255,.15)}}
@media (max-width:768px){.brand{font-size: 1em}.container{max-width:62ch;padding-inline:24px}.hero{text-align:center}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero .cta{justify-content:center}.grid{grid-template-columns:1fr;gap:20px}.card{padding:20px}.kpis{justify-content:center;gap:12px}.kpi{flex:1 1 240px}.breadcrumbs{text-align:center}.site-footer{padding-inline:16px}form .row{grid-template-columns:1fr}input,textarea{padding:14px 16px}}
@media (min-width:768px) and (max-width:1024px){.container{max-width:80ch;padding-inline:28px}.hero{text-align:center}.hero h1{font-size:2.2rem}.hero .cta{justify-content:center}}
@media (max-width:400px){.brand{font-size: 0.9em}.container{padding-inline:28px;max-width:55ch}.hero h1{font-size:1.8rem}.btn{width:100%;text-align:center}}