:root {
  --bg: #04040e;
  --blue: rgba(190, 215, 255, 0.92);
  --gold: rgba(255, 210, 140, 0.92);
  --text: rgba(225, 218, 240, 0.88);
  --dim: rgba(180, 165, 210, 0.55);
  --nav-text: rgba(220, 200, 255, 0.7);
  --nav-active: rgba(220, 200, 255, 0.9);
  --line-soft: rgba(200, 180, 255, 0.08);
  --line-mid: rgba(200, 180, 255, 0.15);
  --line-strong: rgba(200, 180, 255, 0.4);
  --panel-bg: rgba(200, 180, 255, 0.03);
  --panel-border: rgba(200, 180, 255, 0.1);
}

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

html,
body {
  width: 100%;
  min-height: 100%;
  background: var(--bg);
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: hidden;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  background: none;
  border: none;
}

.page {
  max-width: 680px;
  margin: 0 auto;
  padding: 96px 24px 60px;
}

.inner-page {
  padding: 96px 28px 60px;
  max-width: 680px;
  margin: 0 auto;
}

.page-heading {
  font-family: 'Cinzel', serif;
  font-size: clamp(14px, 4vw, 20px);
  letter-spacing: 0.35em;
  color: rgba(220, 200, 255, 0.85);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.page-divider {
  width: 60px;
  height: 1px;
  background: linear-gradient(to right, var(--line-strong), transparent);
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .page {
    padding: 92px 18px 40px;
  }

  .inner-page {
    padding: 92px 18px 40px;
  }
}