:root {
  color-scheme: light;
  --ink: #fff2ea;
  --muted: rgba(245, 230, 255, .82);
  --paper: #160322;
  --panel: linear-gradient(180deg, rgba(56, 10, 86, .96), rgba(31, 6, 49, .98));
  --line: rgba(255, 227, 107, .18);
  --purple: #2b083f;
  --purple-2: #5c168d;
  --purple-3: #8d22c7;
  --gold: #ffb900;
  --gold-2: #ffe36b;
  --pink: #f317a8;
  --ruby: #e31e5b;
  --cyan: #41e9ff;
  --green: #19b86a;
  --shadow: 0 22px 70px rgba(39, 8, 63, .18);
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at top, #3a0d58 0%, #210533 28%, #160322 70%); color: var(--ink); line-height: 1.6; }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 820px; font-size: clamp(2.35rem, 6.5vw, 5.3rem); line-height: .94; letter-spacing: -.05em; }
h2 { font-size: clamp(1.65rem, 3.7vw, 2.85rem); line-height: 1.08; margin-bottom: 1rem; letter-spacing: -.03em; }
h3 { font-size: 1.08rem; line-height: 1.22; }
p { color: var(--muted); }
button, input, select, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--gold-2); outline-offset: 3px; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.section { padding: 74px 0; }
.section:nth-of-type(odd) { background: transparent; }
.section > .container > p { max-width: 860px; font-size: 1.06rem; }
@media (max-width: 760px) { .section { padding: 46px 0; } .container { width: min(100% - 24px, 1180px); } }