:root{
  --bg:#f7f9fc;
  --card:#ffffff;
  --text:#0b1220;
  --muted:#5b667a;
  --line:#e6ebf2;
  --primary:#0b6ea9;
  --primary2:#0a5f92;
  --shadow: 0 10px 30px rgba(11,18,32,.08);
  --radius:18px;
  --max:1040px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--font);color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%, var(--bg) 45%, #ffffff 100%);}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:24px}
.header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(160%) blur(10px);
  background:rgba(255,255,255,.78);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:34px;width:auto}
.brand span{font-weight:800;letter-spacing:.2px}
.navlinks{display:flex;gap:12px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.92);color:var(--text)}
.pill.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.pill.primary:hover{background:var(--primary2);text-decoration:none}
.hero{padding:44px 0 10px}
.heroCard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
@media (max-width:860px){.heroCard{grid-template-columns:1fr}}
.h1{font-size:44px;line-height:1.05;margin:0 0 10px;font-weight:900}
@media (max-width:520px){.h1{font-size:36px}}
.lead{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:22px;margin:18px 0}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:860px){.kv{grid-template-columns:1fr}}
.kv .item{padding:14px;border-radius:14px;border:1px solid var(--line);background:#fbfcfe}
.item h3{margin:0 0 6px;font-size:16px}
.item p{margin:0;color:var(--muted);line-height:1.55}
.logoWrap{display:flex;justify-content:center;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(180deg,#ffffff 0%, #f2f6fb 100%)}
.logoWrap img{width:min(420px,100%);height:auto}
.footer{border-top:1px solid var(--line);padding:18px 0 28px;margin-top:22px;color:var(--muted);font-size:14px}
.footer .links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.small{font-size:14px;color:var(--muted);line-height:1.6}
ul,ol{margin:10px 0 0 22px}
li{margin:6px 0}
.pageTitle{font-size:34px;margin:10px 0 4px;font-weight:900}
.subTitle{color:var(--muted);margin:0 0 12px}
hr{border:none;border-top:1px solid var(--line);margin:18px 0}