/* ==========================================================================
   BASE
   Resets and bare-element defaults. No classes here — only the raw HTML
   elements every page starts from before any component is applied.
   ========================================================================== */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 50% -10%, rgba(54, 197, 255, 0.14), transparent 34%),
    var(--paper);
  background-size: 64px 64px, 64px 64px, auto, auto;
  color: var(--white);
  line-height: 1.55;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 18px;
  max-width: 900px;
  font-size: clamp(42px, 6.15vw, 84px);
  line-height: 0.98;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 0 36px rgba(90, 36, 120, 0.38);
}

h2 {
  margin-bottom: 18px;
  font-size: clamp(30px, 4vw, 56px);
  line-height: 1.04;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.18;
}