:root {
  color-scheme: dark;
  --rd-bg: #090b12;
  --rd-bg-soft: #0e111b;
  --rd-surface: #141925;
  --rd-surface-raised: #1a2030;
  --rd-surface-glass: rgba(19, 24, 36, 0.86);
  --rd-border: rgba(255, 255, 255, 0.1);
  --rd-border-gold: rgba(56, 189, 248, 0.42);
  --rd-text: #f7f8fc;
  --rd-muted: #aeb6c8;
  --rd-soft: #7f899f;
  --rd-gold: #7dd3fc;
  --rd-violet: #8b5cf6;
  --rd-accent: #67e8f9;
  --rd-accent-strong: #38bdf8;
  --rd-accent-violet: #8b5cf6;
  --rd-success: #55dda0;
  --rd-danger: #ff6f7d;
  --rd-brand: linear-gradient(135deg, #22d3ee 0%, #3b82f6 52%, #8b5cf6 100%);
  --rd-card: linear-gradient(145deg, rgba(31, 37, 54, 0.98), rgba(17, 21, 33, 0.98));
  --rd-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rd-xs: 0.75rem;
  --rd-sm: 0.875rem;
  --rd-base: 1rem;
  --rd-lg: 1.125rem;
  --rd-xl: 1.35rem;
  --rd-title: clamp(1.9rem, 4vw, 3rem);
  --rd-hero: clamp(2.75rem, 6.2vw, 5.7rem);
  --rd-1: 0.25rem;
  --rd-2: 0.5rem;
  --rd-3: 0.75rem;
  --rd-4: 1rem;
  --rd-5: 1.25rem;
  --rd-6: 1.5rem;
  --rd-8: 2rem;
  --rd-10: 2.5rem;
  --rd-12: 3rem;
  --rd-16: 4rem;
  --rd-20: 5rem;
  --rd-radius-sm: 0.6rem;
  --rd-radius-md: 0.9rem;
  --rd-radius-lg: 1.25rem;
  --rd-radius-xl: 1.75rem;
  --rd-radius-pill: 999px;
  --rd-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  --rd-container: 75rem;
  --rd-header: 4.5rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--rd-bg); }
body { background: var(--rd-bg); color: var(--rd-text); font-family: var(--rd-font); -webkit-font-smoothing: antialiased; }
:where(a, button, input, select, textarea):focus-visible { outline: 2px solid #8fd7ff; outline-offset: 3px; }
#hot-offers, #services, #loot, #steps, #reviews { scroll-margin-top: calc(var(--rd-header) + 1.25rem); }