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

html { font-size: 16px; }

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, sans-serif;
  background: var(--bg-dark);
  background-image: radial-gradient(
    circle at center,
    rgba(0, 240, 255, 0.03),
    transparent 70%
  );
  background-attachment: fixed;
  color: var(--text-main);
  line-height: 1.5;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Rajdhani', sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 1.5px;
  font-weight: 700;
  line-height: 1.25;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.3rem; }

p {
  font-size: 0.95rem;
  opacity: 0.85;
}

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

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

/* Tables (structure only) */
table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 0.75rem 0;
  text-align: left;
}

/* Buttons reset */
button {
  font-family: inherit;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}

/* Form controls: keep dropdown text readable across pages */
select {
  color: var(--text-main);
  background-color: rgba(11, 15, 26, 0.85);
}

select option,
select optgroup {
  color: var(--text-main);
  background-color: var(--card-bg);
}