:root{
  --bg:#ffffff; --text:#0a1633; --muted:#f4f8fd; --card:#ffffff; --border:#e1e8f2;
  --sub:#5b6a89; --green:#12b886; --blue:#1f7ae0; --accent:#0fb981;
  --radius:16px; --shadow:0 6px 18px rgba(22,119,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--border)}
.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{font-weight:900;letter-spacing:.2px;color:#0a1633}
.menu{display:flex;flex-wrap:wrap;gap:14px}
.menu a{font-size:15px;color:#213255}
.menu a.active{font-weight:700;color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(90deg,var(--green),#29c1f6);border:0;border-radius:12px;color:white;font-weight:700;box-shadow:var(--shadow)}
.btn.secondary{background:#eaf3ff;color:#0a2a66;border:1px solid #cfe3ff}
.btn.ghost{background:transparent;border:1px solid var(--border);color:#103266}
.hero{padding:92px 0 42px;background:radial-gradient(1200px 440px at 10% -10%,#e6f3ff,transparent),radial-gradient(900px 400px at 90% -15%,#e9fff6,transparent)}
h1{font-size:44px;line-height:1.1;margin:0 0 12px}
h2{font-size:32px;margin:0 0 10px}
p.lead{color:#2a3c60;opacity:.9;max-width:960px;font-size:18px}
.badge{display:inline-flex;align-items:center;gap:8px;background:#e9f4ff;border:1px solid #cfe3ff;color:#1456a8;border-radius:999px;font-size:12px;padding:6px 10px;margin-bottom:14px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr} .hero{padding-top:60px} h1{font-size:36px}}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.kpi .item{background:var(--muted);border:1px solid var(--border);border-radius:12px;text-align:center;padding:12px}
.kpi .val{font-weight:900;font-size:22px;color:#0b3b8f}
.kpi .lab{font-size:12px;color:#506189}
.footer{border-top:1px solid var(--border);margin-top:40px;background:#fbfdff}
.footer-inner{padding:28px 0;color:#6a7e9f;font-size:13px;text-align:center}
.small{font-size:14px;color:#49608a}
.section{padding:40px 0}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.tag{display:inline-block;background:#e8fbf5;border:1px solid #c7f2e5;color:#127a5e;border-radius:999px;padding:4px 10px;font-size:12px}
.list{padding-left:18px}
.list li{margin:6px 0}
hr.sep{border:0;border-top:1px solid var(--border);margin:18px 0}
.figure{border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.figure img{width:100%;display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:720px){.form-row{grid-template-columns:1fr}}
input,select,textarea{background:#ffffff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;width:100%;font-family:inherit}
textarea{min-height:120px}
.result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.result .item{background:#f5fbff;border:1px solid #cfe3ff;border-radius:12px;padding:12px}
.result .val{font-size:20px;font-weight:900;color:#0b3b8f}
.result .lab{font-size:12px;color:#4060a0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid var(--border);padding:10px;text-align:left}
.sitemap a{display:block;padding:6px 0;color:#143a82}
.mission{background:#f7fffb;border:1px solid #ccefe2;border-radius:16px;padding:16px}
.vision{background:#f0f7ff;border:1px solid #cfe3ff;border-radius:16px;padding:16px}