:root {
  --primary-color: #03fde8;
  --secondary-color: #0237e4;
  --accent-color: #0afd02;
  --text-color: #ffffff;
}

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

body {
  font-family: 'Sour Gummy', cursive;
  background: #000;
  color: var(--text-color);
  overflow-x: hidden;
  position: relative;
}

#particles-js {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}

/* Навигация */
.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 1rem;
  background: rgba(0,0,0,0.5);
}

/* Въртящо се лого */
.rotating-logo {
  width: 150px;
  height: auto;
  animation: spin 8s linear infinite;
  filter: drop-shadow(0 0 20px rgba(3, 253, 45, 0.8))
  drop-shadow(0 0 25px rgba(255, 255, 255, 0.993)); }  

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

/* Лого текст */
.logo-text {
  font-size: 2rem;
  font-weight: bold;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 15px #03fde8;
}

/* Контейнер */
.container {
  padding: 2rem;
  text-align: center;
}

/* Бутоните */
.service-button {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #03fde8, #0237e4);
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.8rem;
  border-radius: 10px;
  margin: 1rem auto;
  width: 80%;
  max-width: 400px;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.service-button:hover { transform: scale(1.05); }

/* Контакти */
.contact {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-top: 1rem;
}

.contact i { font-size: 1.5rem; }
.contact a { color: var(--text-color); text-decoration: none; font-weight: bold; font-size: 1.2rem; }

/* Footer */
footer {
  text-align: center;
  padding: 1.5rem;
  margin-top: 2rem;
}

.footer-text {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.warning-text {
  color: #ff0000;
  font-weight: 800;
}
/* Неонов зелен ефект за текста в footer */
.footer-text {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #00ff88;
  text-shadow:
    0 0 5px #00ff88,
    0 0 10px #00ff88,
    0 0 20px #00ff88,
    0 0 40px #00ff88;
  animation: glowText 2s ease-in-out infinite alternate;
}

/* Ефект за постоянно пулсиращо неоново сияние */
@keyframes glowText {
  from {
    text-shadow:
      0 0 5px #00ff88,
      0 0 10px #00ff88,
      0 0 20px #00ff88,
      0 0 40px #00ff88;
  }
  to {
    text-shadow:
      0 0 20px #00ff88,
      0 0 40px #00ff88,
      0 0 60px #00ff88,
      0 0 80px #00ff88;
  }
}

/* Мигащ червен WARNING */
.warning-text {
  color: #ff0000;
  font-weight: 800;
  animation: blinkWarning 1s infinite alternate;
  text-shadow:
    0 0 5px #ff0000,
    0 0 10px #ff0000,
    0 0 20px #ff0000;
}

@keyframes blinkWarning {
  0% { opacity: 1; text-shadow: 0 0 20px #ff0000, 0 0 40px #ff0000; }
  50% { opacity: 0.4; text-shadow: 0 0 5px #ff0000; }
  100% { opacity: 1; text-shadow: 0 0 20px #ff0000, 0 0 40px #ff0000; }
}
/* Неонов ефект за логото EUPHORIAMAX */
.logo-text {
  font-size: 2rem;
  font-weight: bold;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 10px #03fde8,
    0 0 20px #03fde8,
    0 0 40px #03fde8,
    0 0 80px #03fde8;
  animation: glowLogo 3s ease-in-out infinite alternate;
}

/* Анимация за плавно пулсиране на неоновото сияние */
@keyframes glowLogo {
  0% {
    text-shadow:
      0 0 10px #03fde8,
      0 0 20px #03fde8,
      0 0 40px #03fde8,
      0 0 80px #03fde8;
  }
  100% {
    text-shadow:
      0 0 20px #00fff7,
      0 0 40px #00fff7,
      0 0 80px #00fff7,
      0 0 120px #00fff7;
  }
}