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

body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);
  background-size: 1400% 1400%;
  animation: rainbow 15s ease infinite;
  color: white;
}

.container {
  max-width: 800px;
  margin: 50px auto;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
  text-align: center;
}

h1 {
  font-size: 3em;
  margin-bottom: 20px;
  color: #ffd700;
  text-shadow: 2px 2px 8px #000;
}

p {
  font-size: 1.5em;
  text-shadow: 1px 1px 5px #000;
}

.flag {
  font-size: 2em;
  margin-top: 20px;
}

.button {
  display: inline-block;
  margin: 15px 10px 0 10px;
  padding: 15px 30px;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  transition: 0.3s;
}

.whatsapp-btn { background-color: #25D366; }
.whatsapp-btn:hover { background-color: #128C7E; }

.tiktok-btn { background-color: #010101; }
.tiktok-btn:hover { background-color: #ff0050; }

.gmail-btn { background-color: #D44638; }
.gmail-btn:hover { background-color: #a8332a; }body {
    margin: 0;
    padding: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #ff6ec4, #7873f5, #42e695, #fddb92, #ff6ec4);
    background-size: 1000% 1000%;
    animation: gradientBG 20s ease infinite;
    font-family: 'Arial', sans-serif;
}

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

h1 {
    font-size: 3em;
    text-align: center;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowText 5s linear infinite;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

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

.email {
    font-size: 1.5em;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}