:root {
  --bg: #0f1415;
  --surface: #1c2527;
  --light: #cad8d8;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: Inter, sans-serif; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 85px; /* how tall your navbar is */
}


body {
  background: var(--bg);
  color: var(--light);
  scroll-behavior: smooth;
}

/* NAVBAR */
nav {
  width: 100%;
  position: fixed;
  top: 0;
  background: var(--surface);
  padding: 12px 0;
  z-index: 100;
  box-shadow:
    5px 5px 10px #0b0f0f,
   -5px -5px 10px #223033;
}
nav ul { display: flex; justify-content: center; gap: 32px; list-style: none; }
nav a { color: var(--light); text-decoration: none; font-size: 1rem; opacity: .85; }
nav a:hover { opacity: 1; }

/* SECTIONS */
section {
  padding: 200px 8% 120px;  /* ← much tighter spacing */
  text-align: center;
}
section h2 { margin-bottom: 22px; }
#home { padding-top: 130px; } /* leave space so logo isn't under navbar */

/* LOGO */
.logo { width: 64%; max-width: 420px; margin-bottom: 16px; }

/* CARD */
.card {
  margin: 20px auto;
  max-width: 750px;
  padding: 26px;
  background: var(--surface);
  border-radius: 22px;
  text-align: left;
  line-height: 1.55;
  font-size: 1.05rem;
  box-shadow:
    10px 10px 18px #0b0f0f,
   -10px -10px 18px #223033;
}

/* BUTTON */
.cta {
  margin-top: 18px;
  padding: 12px 36px;
  border: none;
  border-radius: 38px;
  background: var(--surface);
  color: var(--light);
  font-size: 1rem;
  cursor: pointer;
  transition: .2s;
  box-shadow:
    8px 8px 15px #0b0f0f,
   -8px -8px 15px #223033;
}
.cta:hover {
  box-shadow:
    inset 7px 7px 12px #0b0f0f,
    inset -7px -7px 12px #223033;
  transform: translateY(1px);
}

#orb {
  position: absolute; /* so we can move it freely */
  width: 20px;
  height: 20px;
  border-radius: 50%; /* makes it circular */
  background: rgba(0, 200, 255, 0.8); /* glowing color */
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.8); /* glow effect */
  pointer-events: none; /* so it doesn’t block mouse events */
  transform: translate(-50%, -50%); /* center the orb on the cursor */
  transition: top 0.05s, left 0.05s; /* optional smooth movement */
}