html, body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  height: 100%;
  overflow: hidden;
}

/* Анімація фону – переливання різних відтінків */
body {
  background: linear-gradient(45deg, #0ff, #00f, #f0f, #f00, #ff0, #0f0);
  background-size: 600% 600%;
  animation: bgAnimation 12s linear infinite;
}

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

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* Стиль та анімація напису prem.ai */
.logo {
  font-size: 5rem;
  color: #fff;
  text-shadow:
    0 0 5px   #fff,
    0 0 10px  #fff,
    0 0 20px  #fff,
    0 0 40px  #0ff,
    0 0 80px  #0ff,
    0 0 90px  #0ff,
    0 0 100px #0ff,
    0 0 150px #0ff;
  opacity: 0;
  transform: translateY(20px);
  animation: textFadeIn 2s ease forwards 1s;
}

@keyframes textFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Контактна інформація внизу */
.contact-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.85rem;
  opacity: 0;
  animation: fadeInContacts 2s ease forwards 2s;
}

@keyframes fadeInContacts {
  to {
    opacity: 1;
  }
}

.contact-info a {
  color: #fff;
  text-decoration: none;
}