/* ===== Общие настройки страницы ===== */
body {
  background-color: black;
  color: #8B0000;
}

/* ===== Alucard ===== */
.drip-wrap {
  position: relative;
  padding-bottom: 50px;
}

.alucard-title {
  color: #c9302c;
  animation: pulse 2.5s infinite;
}

@keyframes pulse {
  0%, 100% { text-shadow: 0 0 8px #8B0000; }
  50% { text-shadow: 0 0 20px #ff0000, 0 0 30px #8B0000; }
}

.drop {
  position: absolute;
  width: 5px;
  background: linear-gradient(#8B0000, #ff0000);
  border-radius: 0 0 50% 50%;
  animation: drip 2.5s infinite;
}

@keyframes drip {
  0% { height: 0; opacity: 1; }
  80% { opacity: 1; }
  100% { height: 40px; opacity: 0; }
}

.quote {
  color: #c9302c;
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: 1px;
  margin: 20px 0;
  padding-left: 15px;
  border-left: 3px solid #8B0000;
}

/* ===== Переход между разделами ===== */
.divider {
  border: none;
  height: 2px;
  background: linear-gradient(to right, transparent, #d100ff, transparent);
  margin: 50px 0;
  box-shadow: 0 0 15px #d100ff;
}

/* ===== Itoshi Sae ===== */
.sae-title {
  color: #ff2d95;
  text-shadow: 0 0 10px #ff2d95, 0 0 25px #d100ff, 0 0 40px #ff2d95;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 20px;
}

.sae-quote {
  color: #ff2d95;
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: 1px;
  margin: 15px 0;
  padding-left: 15px;
  border-left: 3px solid #d100ff;
  text-shadow: 0 0 6px #d100ff;
}

.sae-text {
  color: #ff9ebb;
}

/* Переливающаяся аура вокруг заголовка Сае */
.sae-aura {
  position: relative;
  display: inline-block;
  padding: 20px 40px;
}

.sae-aura::before {
  content: "";
  position: absolute;
  top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(270deg, #ff2d95, #00e5ff, #d100ff, #ff2d95);
  background-size: 600% 600%;
  animation: sae-shimmer 4s ease infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: blur(1px) drop-shadow(0 0 6px #00e5ff);
}

@keyframes sae-shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.sae-digit {
  position: absolute;
  font-family: monospace;
  font-size: 0.65rem;
  color: #00e5ff;
  text-shadow: 0 0 5px #00e5ff;
  animation: sae-blink 2.5s infinite;
  opacity: 0;
}

@keyframes sae-blink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}