/* Overall layout structure */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* hides any scrollbar completely */
}

/* Core body style */
body {
  background-color: #000011;
  color: #ddd;
  font-family: 'Georgia', serif;
  text-align: center;
}

/* Header */
header {
  padding: 10px 20px;
  background: radial-gradient(circle at center, #0b0b3b, #000011);
  color: #fff;
  position: relative; /* This is needed for absolute positioning of the child link */
}

/* Header Title */
header h1 {
  font-family: 'Cinzel', serif;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.25),
    0 0 10px rgba(180, 200, 255, 0.2),
    0 0 25px rgba(120, 150, 255, 0.15);
  letter-spacing: 0.5px;
}

header h1:hover {
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.35),
    0 0 15px rgba(180, 200, 255, 0.25),
    0 0 35px rgba(160, 190, 255, 0.2);
}

/* Back to Main Site Link */
.back-link {
  position: absolute;
  left: 30px; /* Adjust for desired distance from the left edge */
  top: 50%;
  transform: translateY(-50%);
  color: #a0c0ff;
  text-decoration: none;
  font-size: 1.1em;
  transition: color 0.3s ease;
}
.back-link:hover { color: #ffffff; }

/* Main content area */
main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  box-sizing: border-box;
}

article {
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Footer */
footer {
  background: #060612;
  text-align: center;
  padding: 25px 20px;
  font-family: 'Georgia', serif;
  color: #aaa;
  border-top: 1px solid #151530;
  position: relative;
  bottom: 0;
  width: 100%;
}

footer p {
  margin: 8px 0;
}

/* Tagline */
footer .sovereign {
  font-family: "Cinzel", serif;
  color: #fdfdfc;
  letter-spacing: 2px;
  font-size: 1.2em;
  text-transform: uppercase;
  opacity: 0.85;
  margin-top: -6px;
}
.comein {
  display: inline-block;
  margin-top: 2.5rem;
  color: #a0c0ff;
  text-decoration: none;
  font-family: 'Cinzel', serif;
  font-size: 2rem; /* same as Welcome title */
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: color 0.5s ease, transform 0.4s ease, text-shadow 0.4s ease;
}

.comein:hover {
  color: #b7e3ff;
  text-shadow: 0 0 12px #9fc5ff;
  transform: translateX(6px); /* subtle rightward motion on hover */
}