@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');
:root {
  --font-main: 'Inter', sans-serif; --font-mono: 'JetBrains Mono', monospace;
  --fs-h1: clamp(1.85rem, 3.5vw, 2.6rem); --fs-h2: clamp(1.4rem, 2.5vw, 1.8rem); --fs-h3: clamp(1.1rem, 1.8vw, 1.3rem);
  --fs-lead: clamp(1rem, 1.3vw, 1.15rem); --fs-base: 0.95rem; --fs-sm: 0.85rem; --fs-xs: 0.75rem;
  --color-text-white: #ffffff; --color-text-main: #e2e8f0; --color-text-muted: #94a3b8;
  --accent-red: #ef4444; --accent-red-glow: rgba(239, 68, 68, 0.3);
  --accent-amber: #f59e0b; --accent-gold: #ffd28b; --accent-emerald: #10b981; --accent-cyan: #06b6d4; --accent-blue: #3b82f6;
}
body { font-family: var(--font-main); font-size: var(--fs-base); line-height: 1.65; color: var(--color-text-main); -webkit-font-smoothing: antialiased; }
h1, .h1 { font-size: var(--fs-h1) !important; font-weight: 800 !important; line-height: 1.25 !important; color: var(--color-text-white) !important; margin: 0 0 1rem; letter-spacing: -0.03em; }
h2, .h2 { font-size: var(--fs-h2) !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--color-text-white) !important; margin: 2.5rem 0 1rem; letter-spacing: -0.02em; }
h3, .h3 { font-size: var(--fs-h3) !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--color-text-white) !important; margin: 0 0 0.6rem; }
p { margin: 0 0 1rem; color: var(--color-text-main); }
p:last-child { margin-bottom: 0; }
p.lead, .lead { font-size: var(--fs-lead) !important; line-height: 1.6 !important; color: #cbd5e1 !important; max-width: 860px; margin-left: auto; margin-right: auto; }
.muted, small { font-size: var(--fs-sm); color: var(--color-text-muted); }
b, strong { font-weight: 600; color: var(--color-text-white); }
a { color: var(--accent-cyan); text-decoration: none; transition: color 0.2s; }
a:hover { color: #fff; }
.accent-line, .accent { background: linear-gradient(135deg, #ef4444 0%, #f59e0b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

/* Спец-классы для главной */
.sublead { color: var(--color-text-muted); font-size: 1rem; line-height: 1.6; max-width: 680px; margin: 0 auto 2rem; }
.sections-title { font-size: clamp(1.4rem, 2.5vw, 1.8rem); font-weight: 800; color: #fff; text-align: center; margin: 3rem 0 1.5rem; position: relative; }
.sections-title::after { content: ''; display: block; width: 60px; height: 3px; background: linear-gradient(90deg, transparent, var(--accent-gold), transparent); margin: 0.8rem auto 0; border-radius: 3px; }