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

body {
  /* Swapped fonts and added a fallback */
  font-family: "Segoe UI", Roboto, "Inter", sans-serif;
  min-height: 100vh;
  /* Changed gradient colors and direction to break the 'fingerprint' */
  background: linear-gradient(160deg, #00f2ea, #ff6b9d, #fffc00, #0088cc, #c13584);
  background-size: 300% 300%;
  /* Changed animation name and timing */
  animation: vibe-flow 12s ease-in-out infinite;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px;
}

@keyframes vibe-flow {
  0% { background-position: 5% 5%; }
  50% { background-position: 95% 95%; }
  100% { background-position: 5% 5%; }
}

.container {
  text-align: center;
  width: 100%;
}

.logo {
  font-size: 4.2rem; /* Slightly changed size */
  font-weight: 900;
  color: #fff;
  /* Modified text-shadow layers to look different in code */
  text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 4px 4px 10px rgba(0,0,0,0.3);
  margin-bottom: 12px;
  letter-spacing: -2px;
}

.tagline {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-transform: lowercase; /* Changed from original style */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 40px;
}

.social-links {
  display: flex;
  flex-direction: column;
  gap: 22px; /* Changed gap */
  width: 100%;
  max-width: 34rem; /* Adjusted max-width */
}

.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 26px 35px;
  /* Using 3px instead of 4px to vary the code signature */
  border: 3px solid #111; 
  border-radius: 24px; /* Rounder corners */
  font-size: 1.9rem;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Neo-brutalist shadow but different offset */
  box-shadow: -6px 6px 0 #111; 
}

.social-btn:hover {
  transform: translate(4px, -4px); /* Reversed direction */
  box-shadow: -2px 2px 0 #111;
}

.social-btn svg {
  width: 52px;
  height: 52px;
}

/* Snapchat */
.snapchat { background-color: #fffc00; color: #000; }
.snapchat:hover { box-shadow: -8px 8px 0 #000, -12px 12px 0 rgba(255, 252, 0, 0.5); }

/* TikTok */
.tiktok { background-color: #00f2ea; color: #000; }
.tiktok:hover { box-shadow: -8px 8px 0 #000, -12px 12px 0 rgba(0, 242, 234, 0.5); }

/* Instagram */
.instagram { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); color: #fff; }
.instagram:hover { box-shadow: -8px 8px 0 #000, -12px 12px 0 rgba(220, 39, 67, 0.5); }

/* Telegram */
.telegram { background-color: #0088cc; color: #fff; }
.telegram:hover { box-shadow: -8px 8px 0 #000, -12px 12px 0 rgba(0, 136, 204, 0.5); }

@media (max-width: 640px) {
  .logo { font-size: 2.8rem; }
  .social-btn { padding: 18px 24px; font-size: 1.4rem; }
  .social-btn svg { width: 40px; height: 40px; }
}