:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--primary-border: #c7d2fe;--primary-dark: #3730a3;--success: #16a34a;--danger: #dc2626;--warning: #ca8a04;--bg-page: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #a5b4fc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--white: #ffffff;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--max-width: 960px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Montserrat", var(--font-sans);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:40px}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-100px;left:16px;background:var(--primary);color:var(--white);padding:8px 16px;border-radius:var(--radius-sm);z-index:1000;font-size:.875rem}.skip-link:focus{top:16px}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.topbar-wrapper{border-bottom:1px solid var(--border);background:var(--surface);margin-bottom:28px}.topbar{display:flex;justify-content:space-between;align-items:center;height:64px;max-width:var(--max-width);margin:0 auto;padding:0 20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--text-primary);text-decoration:none;-webkit-user-select:none;user-select:none}.brand-icon-wrap{width:32px;height:32px;border-radius:8px;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-text{letter-spacing:-.01em}.brand-badge{font-size:.6875rem;font-weight:800;background:var(--primary-light);color:var(--primary);padding:2px 7px;border-radius:var(--radius-full);letter-spacing:.05em;margin-left:2px}.lang-picker{display:inline-flex;align-items:center;gap:2px;background:var(--surface-3);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border)}.lang-pill{border:none;background:transparent;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;line-height:1.3}.lang-pill:hover{color:var(--text-primary)}.lang-pill[aria-checked=true],.lang-pill.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.lang-pill:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 0 24px;margin-top:64px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;margin-bottom:36px}.footer-col h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:14px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:.875rem;color:var(--text-secondary);transition:color .15s}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--text-muted)}