html{min-height:100%;background:linear-gradient(180deg,#0b1020 0%,#0b1227 45%,#0f1730 100%)}
:root{--bg:#0b1020;--card:#111831;--text:#e6ecff;--muted:#aab4d6;--brand:#6ea8fe;--brand2:#7ef0c9;--line:#22315f}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#0b1020 0%,#0b1227 45%,#0f1730 100%)}
a{color:var(--brand);text-decoration:none}
.container{max-width:1120px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:rgba(8,12,26,.86);backdrop-filter:blur(8px);border-bottom:1px solid #1c2649;z-index:9}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}
.logo{font-weight:800;letter-spacing:.4px;color:#fff}
.menu{display:flex;gap:16px;flex-wrap:wrap}.menu a{color:#dbe5ff;font-weight:600}
.hero{padding:72px 0 44px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:0 0 14px}.hero p{color:var(--muted);max-width:780px;font-size:18px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{padding:12px 18px;border-radius:10px;font-weight:700;border:1px solid #2d3b6f;color:#fff}.btn.primary{background:linear-gradient(90deg,#3b82f6,#14b8a6);border:0}
.section{padding:26px 0 18px}.section h2{margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#121a36,#0f1730);border:1px solid #243261;border-radius:14px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted)}.list{margin:10px 0 0;padding-left:18px;color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.badge{display:inline-block;background:#1a254a;border:1px solid #2a3c7a;color:#cde0ff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.small{font-size:13px;color:#95a5d6}
.article{padding:26px 0}.article h1{margin:0 0 8px}.article p{color:#cdd8ff;line-height:1.8}.article h2{margin-top:20px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{padding:16px;border-radius:12px;border:1px solid #2a3c7a;background:#121a36;text-align:center}.kpi b{font-size:22px;display:block}
footer{border-top:1px solid #1f2b55;margin-top:34px;padding:20px 0 30px;color:#b7c4ea}
.input,.textarea{width:100%;padding:12px 14px;border-radius:10px;background:#0f1631;border:1px solid #2a3c7a;color:#e7edff}.textarea{min-height:130px}
.form{display:grid;gap:10px;max-width:620px}
@media (max-width:700px){.menu{gap:10px}.hero{padding-top:54px}.kpis{grid-template-columns:1fr}}

.article-wrap{min-height:calc(100vh - 170px);}

.menu a{padding:8px 10px;border-radius:8px;transition:all .2s ease}
.menu a:hover{background:#1b2956;color:#fff}
.menu a[aria-current="page"]{background:linear-gradient(90deg,#2f6de0,#199f93);color:#fff}
@media (max-width:700px){
  .nav{flex-direction:column;align-items:flex-start}
  .menu{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .menu a{text-align:center;border:1px solid #2a3c7a;background:#111a38}
}

.table-wrap{overflow:auto;border:1px solid #2a3c7a;border-radius:12px;background:#0f1730}
.table{width:100%;border-collapse:collapse;min-width:760px}
.table th,.table td{padding:12px 14px;border-bottom:1px solid #22315f;text-align:left;color:#dbe5ff}
.table th{background:#121d3f;color:#fff;font-size:14px}
.table tr:hover td{background:#13204a}


/* Mobile hamburger menu */
.nav-toggle{display:none;background:#111a38;border:1px solid #2a3c7a;color:#fff;border-radius:10px;width:42px;height:42px;font-size:24px;line-height:1;cursor:pointer}
@media (max-width:700px){
  .nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .menu{position:fixed;top:0;right:-86%;width:80%;max-width:330px;height:100vh;background:#0f1730;padding:78px 14px 14px;display:flex;flex-direction:column;gap:8px;border-left:1px solid #2a3c7a;z-index:1000;transition:right .25s ease;box-shadow:-12px 0 30px rgba(0,0,0,.45)}
  .menu a{text-align:right;border:1px solid #2a3c7a;background:#111a38;padding:12px}
  body.menu-open .menu{right:0}
  body.menu-open{overflow:hidden}
  body.menu-open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999}
}