@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #2B2B2B;
  --navy: #0E1A2B;
  --deep-blue: #0E1530;
  --electric: #1EA7FF;
  --text-main: #E8ECF3;
  --text-muted: #9AA4B2;

  --radius: 16px;
  --border: rgba(30, 167, 255, 0.14);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Gotham', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text-main);

  background:
    /* Blue halo */
    radial-gradient(
      2200px 1400px at 50% -15%,
      rgba(30, 167, 255, 0.30),
      transparent 75%
    ),

    /* Medium blue reinforcement */
    radial-gradient(
      2600px 1800px at 50% 40%,
      rgba(40, 120, 220, 0.22),
      transparent 78%
    ),

    /* Lower smoothing */
    radial-gradient(
      2400px 1600px at 50% 85%,
      rgba(90, 160, 240, 0.18),
      transparent 80%
    ),

    /* Continuous base gradient */
    linear-gradient(
      180deg,
      #0B1020 0%,
      #0F2740 30%,
      #1E4C7A 55%,
      #3A78B5 80%,
      #4F8FCF 100%
    );

  background-repeat: repeat;
  min-height: 100vh;
  overflow-x: hidden;
}



html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}