:root {
  --brand: #2b5cff;
  --accent: #00b5d8;
  --dark: #0b1020;
  --bg: #0a0f1f;
  --card: #111830;
  --text: #e8eefc;
  --muted: #aab3cf;
  --ring: rgba(43,92,255,.35);
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { width:min(1200px, 92%); margin-inline:auto; }
.skip-link { position:absolute; left:-999px; top:-999px; }
.skip-link:focus { left:1rem; top:1rem; background:var(--card); padding:.5rem 1rem; border-radius:.5rem; outline:2px solid var(--accent); }
.site-header { position:sticky; top:0; backdrop-filter: blur(8px); background:linear-gradient(180deg, rgba(10,15,31,.9), rgba(10,15,31,.6)); border-bottom:1px solid #1b2443; z-index:50; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:.8rem 0; gap:1rem; }
.brand { display:flex; align-items:center; gap:.6rem; font-weight:700; letter-spacing:.3px; }
.brand span { color:#fff; font-size:1.05rem; }
.nav-toggle { display:none; background:none; border:0; width:40px; height:36px; position:relative; }
.nav-toggle span { display:block; height:2px; background:#fff; margin:7px 0; transition:.2s transform; }
.nav ul { list-style:none; display:flex; gap:1rem; padding:0; margin:0; }
.nav a { color:#dbe6ff; padding:.5rem .7rem; border-radius:.5rem; display:inline-block; }
.nav a.active, .nav a:hover { background: #141d3b; color:#fff; }
.hero { padding: 5rem 0 2rem; position:relative; overflow:hidden; }
.hero .grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:2rem; align-items:center; }
.hero h1 { font-size: clamp(2rem, 2.6rem + 1vw, 3.2rem); line-height:1.08; margin:.2rem 0 1rem; }
.hero p.lead { color:var(--muted); font-size:1.1rem; max-width:54ch; }
.cta { display:flex; gap:1rem; margin-top:1.4rem; flex-wrap:wrap; }
.btn { appearance:none; border:0; padding:.85rem 1.1rem; border-radius:.8rem; font-weight:700; cursor:pointer; }
.btn.primary { background: linear-gradient(135deg, var(--brand), #325dff); color:#fff; box-shadow: 0 8px 24px var(--ring); }
.btn.secondary { background:#13204b; color:#dbe6ff; border:1px solid #26356b; }
.section { padding: 2rem 0 5rem; }
.cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:1rem; }
.card { background:var(--card); border:1px solid #1a254d; padding:1.1rem; border-radius:1rem; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.card h3 { margin:.2rem 0 .5rem; }
.kpis { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }
.kpi { text-align:center; background:linear-gradient(180deg, #0e162f, #0b1226); padding:1rem; border-radius:1rem; border:1px solid #1a254d; }
.kpi strong { font-size:1.8rem; display:block; }
.split { display:grid; grid-template-columns: 1fr 1fr; gap:1.4rem; }
blockquote { border-left:4px solid var(--brand); padding-left:1rem; margin-left:0; color:#c6d0ef; }
.site-footer { background:#0a0f1e; border-top:1px solid #1a254d; }
.footer-grid { display:grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap:2rem; padding:2rem 0; }
.footer-grid h4, .footer-grid h3 { margin:.2rem 0 .8rem; }
.social a { margin-right:.6rem; }
.copyright { border-top:1px solid #162048; padding:1rem 0 2rem; color:#97a3c4; }
.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:1rem; }
.breadcrumbs { color:#8ea2d6; font-size:.95rem; margin:.7rem 0 1rem; }
.prose p { color:#ced8ff; line-height:1.7; }
input, textarea, select { width:100%; background:#0e1733; color:#fff; border:1px solid #26356b; padding:.8rem; border-radius:.7rem; }
label { display:block; margin:.9rem 0 .3rem; color:#b7c4ea; }
.form-actions { display:flex; gap:.8rem; align-items:center; }
.alert { padding:.8rem 1rem; border-radius:.6rem; margin:.9rem 0; }
.alert.success { background:#0f2a18; border:1px solid #2e7b47; color:#bff0cb; }
.alert.error { background:#2a1111; border:1px solid #7b2e2e; color:#f0c0c0; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { border:1px solid #1a254d; padding:.7rem; }
.hero-blob { position:absolute; inset:-40% -30% auto auto; width:60vw; height:60vw; background: radial-gradient(50% 50% at 50% 50%, rgba(0,181,216,.2) 0%, rgba(11,16,32,0) 60%); pointer-events:none; }
@media (max-width: 900px) {
  .hero .grid { grid-template-columns: 1fr; }
  .kpis { grid-template-columns: repeat(2,1fr); }
  .split { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .nav-toggle { display:block; }
  .nav { position:fixed; inset:60px 0 auto 0; background:#0a0f1f; border-bottom:1px solid #1a254d; transform: translateY(-120%); transition:.2s transform; }
  .nav.open { transform: translateY(0); }
  .nav ul { flex-direction:column; padding:1rem; }
}