:root{--bg:#f7f8fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
.container{max-width:980px;margin:0 auto;padding:28px 18px 56px}
.header{background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;padding:36px 18px}
.header-inner{max-width:980px;margin:0 auto}
h1{font-size:34px;margin:0 0 10px} h2{margin-top:32px;font-size:22px} h3{margin-top:24px;font-size:18px}
p{margin:10px 0}.muted{color:var(--muted)}.header .muted{color:#dbeafe}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;margin-top:20px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.nav a,.lang a{display:inline-block;text-decoration:none;color:var(--accent);background:#eff6ff;border:1px solid #bfdbfe;padding:8px 12px;border-radius:999px;font-weight:600}
.lang{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.footer{border-top:1px solid var(--border);margin-top:36px;padding-top:18px;color:var(--muted);font-size:14px}
a{color:var(--accent)}ul{padding-left:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tile{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none;color:var(--text)}.tile strong{display:block;font-size:18px;color:#111827}.tile span{color:var(--muted)}