:root { --brand:#417DF7; --ink:#2C3E50; --muted:#6b7787; --bg:#f6f8fb; --line:#e6ebf2; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
       color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:40px 24px 80px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:8px; }
a.back { color:var(--brand); text-decoration:none; font-size:14px; }
.langsw { display:inline-flex; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#fff; }
.langsw button { border:0; background:#fff; color:var(--muted); font-size:13px; font-weight:600;
                 padding:7px 13px; cursor:pointer; border-left:1px solid var(--line); }
.langsw button:first-child { border-left:0; }
.langsw button.active { background:var(--brand); color:#fff; }
h1 { font-size:30px; margin:18px 0 4px; }
.updated { color:var(--muted); font-size:14px; margin-bottom:32px; }
h2 { font-size:20px; margin:34px 0 10px; }
p, li { font-size:16px; }
ul { padding-left:22px; }
a { color:var(--brand); }
.contact { background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:18px 22px; margin-top:14px; }
[data-lang] { display:none; }
[data-lang].show { display:block; }
/* index */
.logo { width:72px;height:72px;border-radius:18px;background:var(--brand);display:flex;
        align-items:center;justify-content:center;margin-bottom:24px; }
.logo img { width:64%;height:64%;object-fit:contain;display:block; }
p.lead { color:var(--muted); margin:0 0 32px; font-size:16px; }
.cards { display:grid; gap:14px; }
a.card { display:block; padding:20px 22px; background:#fff; border:1px solid var(--line);
         border-radius:14px; text-decoration:none; color:var(--ink); transition:.15s; }
a.card:hover { border-color:var(--brand); box-shadow:0 4px 18px rgba(65,125,247,.12); }
a.card b { display:block; font-size:17px; margin-bottom:3px; }
a.card span { color:var(--muted); font-size:14px; }
footer { margin-top:40px; color:var(--muted); font-size:13px; line-height:1.7; }
