* { box-sizing: border-box; }
html, body { height: 100%; }

body {
  margin: 0;
  overflow: hidden;
  color: #2a0f1f;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  background:
    radial-gradient(1200px 800px at 20% 20%, rgba(255, 170, 210, 0.65), transparent 60%),
    radial-gradient(900px 700px at 80% 70%, rgba(255, 120, 185, 0.45), transparent 60%),
    linear-gradient(135deg, #ffe1ef 0%, #ffd1e6 35%, #ffc0dd 70%, #ffb0d6 100%);
}

.wrap {
  height: 100%;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 32px;
  position: relative;
  z-index: 1;
}

/* Titel */
.name {
  margin: 0;
  font-family: 'Emilys Candy', cursive;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.04em;
  font-size: clamp(56px, 10vw, 140px);

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.95),
    rgba(255,255,255,0.55)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow:
    0 16px 45px rgba(140, 0, 80, 0.25),
    0 2px 0 rgba(255, 255, 255, 0.35);
}

.tagline {
  margin: 18px 0 0;
  font-size: clamp(14px, 2.2vw, 20px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.75;
}

.footer {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  font-size: 13px;
  letter-spacing: 0.06em;
  opacity: 0.7;
}

/* Subtiele gloed */
.glow {
  position: absolute;
  inset: -20%;
  background: radial-gradient(closest-side, rgba(255,255,255,0.28), transparent 65%);
  filter: blur(30px);
  animation: float 9s ease-in-out infinite;
  z-index: 0;
}

@keyframes float {
  0%   { transform: translate(-2%, -1%) scale(1.05); opacity: 0.55; }
  50%  { transform: translate(2%, 1%) scale(1.10);  opacity: 0.75; }
  100% { transform: translate(-2%, -1%) scale(1.05); opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
  .glow { animation: none; }
}