:root{
  --bg:#f7f9fc;
  --card:#ffffff;
  --ink:#152033;
  --muted:#5f6f85;
  --primary:#2056d6;
  --primary-dark:#123c9c;
  --line:#dfe7f3;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:20px}
.brand{font-weight:800;color:var(--ink);font-size:1.05rem}.menu{display:flex;gap:16px;flex-wrap:wrap}.menu a{color:var(--ink);font-weight:600;font-size:.95rem}
.hero{background:linear-gradient(135deg,#123c9c,#2056d6);color:#fff;padding:70px 20px}
.hero-inner,.container{max-width:1120px;margin:auto}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 18px}.hero p{font-size:1.15rem;max-width:850px;opacity:.95}.badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:7px 12px;border-radius:999px;margin-bottom:20px;font-weight:700}
.actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;background:#fff;color:var(--primary-dark);padding:12px 18px;border-radius:10px;font-weight:800}.btn.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
.container{padding:46px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(20,38,70,.06)}.card h3{margin-top:0}.page-title{font-size:2.4rem;margin:0 0 18px}.lead{font-size:1.15rem;color:var(--muted);max-width:900px}.section{margin-top:34px}.tag{display:inline-block;background:#eaf0ff;color:#123c9c;padding:5px 10px;border-radius:999px;font-weight:700;font-size:.85rem;margin:0 6px 6px 0}.footer{border-top:1px solid var(--line);padding:28px 20px;color:var(--muted);background:#fff}.footer-inner{max-width:1120px;margin:auto}.list-clean{padding-left:20px}.notice{background:#fff7e8;border:1px solid #f2d49b;border-radius:14px;padding:18px;color:#614200}
@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column}.menu{gap:10px}.hero{padding:50px 20px}}

.lang-switch{margin-left:8px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:800;color:var(--primary-dark);background:#f4f7ff}.lang-switch:hover{text-decoration:none;background:#eaf0ff}
