body{margin:0;font-family:Manrope,Arial,sans-serif;background:#f5f8ff;color:#0f172a}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 32px),980px);margin:0 auto}.topbar{padding:18px 0 0}.topbar-inner{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#2458ff 100%)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #dbe5f5;background:#fff;font-weight:800}.hero{padding:26px 0 20px}.eyebrow{display:inline-flex;padding:10px 14px;border-radius:999px;border:1px solid #dbe5f5;background:#fff;color:#2458ff;font-weight:800;text-transform:uppercase;font-size:.82rem}h1{margin:18px 0 12px;font-size:clamp(2.2rem,4.3vw,3.7rem);line-height:1;letter-spacing:-.06em;max-width:12ch}.lead{margin:0;max-width:760px;color:#586883;line-height:1.76}.list{display:grid;gap:22px;padding:8px 0 72px}.card{padding:24px;border:1px solid #dbe5f5;border-radius:28px;background:#fff;box-shadow:0 24px 64px rgba(31,66,154,.12)}.meta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px;color:#586883;font-weight:700}.tag{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:#eef4ff;color:#2458ff;font-size:.78rem;font-weight:800;text-transform:uppercase}.card h2{margin:0 0 10px;font-size:1.55rem;line-height:1.14;letter-spacing:-.04em}.card p{margin:0;color:#586883;line-height:1.72}.link{display:inline-flex;margin-top:16px;color:#2458ff;font-weight:800}
/* Language switcher (shared across pages) */
.lang-switch { display: inline-flex; gap: 2px; padding: 4px; background: #fff; border: 1px solid var(--line,#dbe5f5); border-radius: 999px; box-shadow: 0 8px 24px rgba(31,66,154,.14); font-weight: 800; font-size: .78rem; }
.lang-switch a { padding: 7px 12px; border-radius: 999px; text-decoration: none; color: var(--text,#0f172a); transition: background .15s; }
.lang-switch a.active { background: var(--primary,#2458ff); color: #fff; }
.lang-switch a:hover:not(.active) { background: #eef4ff; }
.topbar-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 760px) { .topbar-inner { align-items: flex-start !important; flex-direction: column !important; gap: 14px !important; } .topbar-actions { width: 100%; } }
/* Unified site footer (shared by all content pages) */
.site-footer { padding: 40px 0 48px; border-top: 1px solid #dbe5f5; background: rgba(255,255,255,.6); margin-top: 60px; }
.site-footer .footer-shell { padding-top: 24px; }
.site-footer .footer-grid { display: grid; gap: 20px; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 14px; }
.site-footer .footer-links a { color: #586883; font-weight: 600; font-size: .92rem; transition: color .15s; text-decoration: none; }
.site-footer .footer-links a:hover { color: #2458ff; }
.site-footer .footer-contacts { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.site-footer .contact-pill { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid #dbe5f5; background: #fff; font-weight: 700; font-size: .88rem; color: #0f172a; text-decoration: none; transition: all .15s; }
.site-footer .contact-pill:hover { border-color: #2458ff; color: #2458ff; }
.site-footer .footer-note { margin: 16px 0 0; color: #586883; font-size: .85rem; line-height: 1.6; max-width: 900px; }