:root{--bg:#f7f9fc;--panel:#ffffff;--ink:#172033;--muted:#667085;--line:#e4e7ec;--accent:#254f8f;--accent2:#15365f;--soft:#edf3fb;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar{max-width:var(--max);margin:auto;padding:18px 24px 12px;display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.brand-wrap{min-width:280px}.brand{font-size:30px;font-weight:800;letter-spacing:.2px;color:var(--accent2)}.tagline{font-size:13px;line-height:1.45;color:var(--muted);max-width:820px}.project-line{font-size:12px;color:var(--accent);font-weight:600;margin-top:5px}.lang{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.lang a{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;background:#fff}.lang a.active{background:var(--accent2);color:white;border-color:var(--accent2)}.nav-wrap{max-width:var(--max);margin:auto;padding:0 24px 14px;overflow:auto}.nav{display:flex;gap:6px;min-width:max-content}.nav a{font-size:14px;padding:8px 10px;border-radius:8px;color:#344054}.nav a:hover,.nav a.active{background:var(--soft);color:var(--accent2)}main{max-width:var(--max);margin:auto;padding:44px 24px 70px}.hero{background:linear-gradient(135deg,#fff,#edf3fb);border:1px solid var(--line);border-radius:22px;padding:58px;box-shadow:0 16px 40px rgba(16,24,40,.06)}.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:700;margin-bottom:18px}.hero h1{font-size:60px;line-height:1.04;margin:0 0 14px;color:var(--accent2)}.hero .subtitle{font-size:23px;line-height:1.4;max-width:980px;margin:0 0 22px;color:#344054}.lead{font-size:19px;max-width:900px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:11px 16px;border-radius:10px;background:var(--accent2);color:#fff;font-weight:700}.btn.secondary{background:#fff;color:var(--accent2);border:1px solid var(--line)}.section-heading{font-size:30px;margin:48px 0 18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;min-height:165px}.card h3{margin:0 0 8px;font-size:19px;color:var(--accent2)}.card p{margin:0;color:var(--muted)}.page-hero{padding:28px 0 10px}.page-hero h1{font-size:44px;line-height:1.1;margin:0 0 14px;color:var(--accent2)}.page-hero p{font-size:18px;max-width:850px;color:#475467}.notice{margin-top:30px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);padding:18px 20px;border-radius:12px;color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:var(--max);margin:auto;padding:28px 24px 40px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}.footer-links a{color:var(--accent)}
@media(max-width:900px){.topbar{flex-direction:column}.lang{justify-content:flex-start}.hero{padding:36px}.hero h1{font-size:46px}.hero .subtitle{font-size:21px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){main{padding:28px 16px 54px}.topbar,.nav-wrap{padding-left:16px;padding-right:16px}.hero{padding:28px 22px;border-radius:16px}.hero h1{font-size:39px}.hero .subtitle{font-size:18px}.lead{font-size:17px}.cards{grid-template-columns:1fr}.page-hero h1{font-size:36px}.brand{font-size:27px}}