html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
  color: white;

  /* ❌ background entfernt → kommt aus ui.css */
}

/* =========================
   PAGE
========================= */

.page {
  height: 100vh;

  display: flex;
  flex-direction: column;

  justify-content: center;
  align-items: center;

  text-align: center;

  position: relative;
  z-index: 1;

  /* 🟢 Minecraft Glow bleibt */
  
}

/* =========================
   TITLE
========================= */

h1 {
  font-size: 56px;
  letter-spacing: 4px;
  margin: 0;
}

/* =========================
   TEXT
========================= */

p {
  margin-top: 10px;
  opacity: 0.7;
}

/* =========================
   BACK BUTTON
========================= */

.back {
  margin-top: 30px;
  color: white;
  text-decoration: none;

  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 10px;

  transition: 0.2s;
}

.back:hover {
  transform: scale(1.05);
}

/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

  .page {
    padding-top: 100px; /* Abstand für Social Icons */
  }

}