:root {

  --color-bg-1: #0f2027;
  --color-bg-2: #203a43;
  --color-bg-3: #2c5364;

  --color-box: rgba(255,255,255,0.08);
  --color-border: rgba(255,255,255,0.2);

  --color-text: #f4f4f4;

}


/* Hintergrund */

body {

  display: grid;
  place-items: center;

  color: var(--color-text);

  background:
    linear-gradient(
      135deg,
      var(--color-bg-1),
      var(--color-bg-2),
      var(--color-bg-3)
    );

}


/* Container */

.construction-box {

  max-width: 600px;

  padding: 3rem 3.5rem;

  text-align: center;

  border-radius: 14px;

  background: var(--color-box);

  backdrop-filter: blur(8px);

  border: 1px solid var(--color-border);

  box-shadow:
    0 15px 40px rgba(0,0,0,0.35);

}


/* Typografie */

h1 {

  font-size: clamp(2rem, 4vw, 2.8rem);

  letter-spacing: 0.05em;

  margin-bottom: 1.2rem;

}


p {

  font-size: clamp(1rem, 2vw, 1.2rem);

  opacity: 0.9;

}


.small {

  margin-top: 1.4rem;

  font-size: 0.9rem;

  opacity: 0.7;

}