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

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes pulse1 {
  0%   { opacity: 0.4; transform: scale(1) translate(0%, 0%); }
  50%  { opacity: 0.55; transform: scale(1.1) translate(4%, -3%); }
  100% { opacity: 0.4; transform: scale(1) translate(0%, 0%); }
}

@keyframes pulse2 {
  0%   { opacity: 0.25; transform: scale(1) translate(0%, 0%); }
  50%  { opacity: 0.38; transform: scale(1.08) translate(-5%, 4%); }
  100% { opacity: 0.25; transform: scale(1) translate(0%, 0%); }
}

body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #080709;
  font-family: monospace;
}

.page {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 3rem 2rem;
  background: #080709;
}

.glows {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.glow-1 {
  position: absolute;
  width: 80%;
  height: 60%;
  top: 15%;
  left: 10%;
  background: radial-gradient(ellipse at center, #3d1c0c 0%, #1e0d06 50%, transparent 75%);
  border-radius: 50%;
  animation: pulse1 9s ease-in-out infinite;
}

.glow-2 {
  position: absolute;
  width: 70%;
  height: 55%;
  top: 30%;
  left: 18%;
  background: radial-gradient(ellipse at center, #2a1208 0%, #160905 55%, transparent 78%);
  border-radius: 50%;
  animation: pulse2 12s ease-in-out infinite;
  animation-delay: -4s;
}

.content {
  position: relative;
  text-align: center;
  animation: fadeIn 2.5s ease both;
}

.eyebrow {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #3a2e26;
  margin: 0 0 2.5rem;
  font-family: monospace;
}

h1 {
  font-size: clamp(1.8rem, 5.5vw, 2.8rem);
  font-weight: 400;
  color: #b8a898;
  margin: 0;
  line-height: 1.25;
  letter-spacing: 0.01em;
  font-family: Georgia, serif;
  font-style: italic;
}

.divider {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.divider-line {
  height: 1px;
  width: 40px;
}

.divider-line.left {
  background: linear-gradient(to right, transparent, #3a2a1a);
}

.divider-line.right {
  background: linear-gradient(to left, transparent, #3a2a1a);
}

.divider-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5a3a2a;
}

.copyright {
  margin-top: 3.5rem;
  animation: fadeIn 3.5s ease both;
}

.copyright p {
  font-size: 10px;
  color: #2a2018;
  letter-spacing: 0.12em;
  font-family: monospace;
}