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

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #050814;
  font-family: "Cinzel Decorative", serif;
  color: #f9b23b;
}

/* Pozadí webu */
.background {
  background: url('/picture/pozadi.png') no-repeat center center/cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  filter: brightness(0.6);
}

/* Obsah */
.overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  top: 35%;
  transform: translateY(-35%);
}

/* Logo */
.logo {
  width: 240px;
  height: 240px;
  margin-bottom: 40px;
  object-fit: contain;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(0,0,0,0) 70%, rgba(5,8,20,0.9) 100%);
  box-shadow:
    0 0 15px rgba(249, 178, 59, 0.25),
    0 0 30px rgba(249, 178, 59, 0.15);
  animation: heartPulse 4s ease-in-out infinite;
}

.text-box {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 1.4rem;
  text-shadow: 0 0 8px rgba(249, 178, 59, 0.6);
  animation: textGlow 6s ease-in-out infinite alternate;
}

/* Jemné odhalování textu */
.reveal-text {
  opacity: 0;
  filter: blur(6px);
  animation: revealAll 3.5s ease-out forwards;
}

@keyframes revealAll {
  0% { opacity: 0; filter: blur(8px); letter-spacing: 0.08em; }
  40% { opacity: 0.6; filter: blur(3px); }
  100% { opacity: 1; filter: blur(0); letter-spacing: normal; }
}

/* Pulzující srdce */
@keyframes heartPulse {
  0% { transform: scale(1); filter: brightness(0.9); }
  50% { transform: scale(1.02); filter: brightness(1.15); }
  100% { transform: scale(1); filter: brightness(0.9); }
}

/* Textová záře */
@keyframes textGlow {
  from {
    text-shadow: 0 0 8px rgba(249, 178, 59, 0.6), 0 0 15px rgba(249, 178, 59, 0.3);
  }
  to {
    text-shadow: 0 0 15px rgba(249, 178, 59, 0.8), 0 0 25px rgba(249, 178, 59, 0.5);
  }
}

/* Kontejner pro energie */
#energie-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* Energie víry */
.energie {
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  animation: rotace 12s linear infinite;
}

.vrstva {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 1s ease-in-out, transform 3s ease-in-out;
}

.vrstva.modra { opacity: 1; }
.vrstva.zlata { opacity: 0; }

@keyframes rotace {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}