body {
      margin: 0;
      height: 100vh;
      background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
      background-size: 400% 400%;
      animation: gradientBG 15s ease infinite;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Segoe UI', sans-serif;
    }

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

    .container-box {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding: 2rem;
      border-radius: 1.5rem;
      box-shadow: 0 0 30px rgba(0, 255, 255, 0.15);
      text-align: center;
      max-width: 420px;
      width: 100%;
      color: #f1f1f1;
    }

    .avatar {
      width: 110px;
      height: 110px;
      object-fit: cover;
      border-radius: 50%;
      border: 3px solid #00ffc3;
      margin-bottom: 1rem;
      box-shadow: 0 0 15px #00ffc3;
    }

    .btn-linktree {
      display: block;
      margin: 0.6rem 0;
      padding: 0.75rem;
      width: 100%;
      font-weight: 500;
      font-size: 1rem;
      border-radius: 1rem;
      text-decoration: none;
      color: #000;
      transition: all 0.3s ease;
      box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
    }

    .btn-linktree:hover {
      transform: scale(1.05);
      text-decoration: none;
    }

    .neon-blue    { background: linear-gradient(45deg, #00c6ff, #0072ff); color: #fff; }
    .neon-pink    { background: linear-gradient(45deg, #ff416c, #ff4b2b); color: #fff; }
    .neon-green   { background: linear-gradient(45deg, #00ff87, #60efff); color: #000; }
    .neon-orange  { background: linear-gradient(45deg, #ff9966, #ff5e62); color: #000; }
    .neon-purple  { background: linear-gradient(45deg, #a18cd1, #fbc2eb); color: #000; }
	.neon-red     { background: linear-gradient(45deg, #ff0000, #cc0000); color: #fff; }
	.neon-yellow  { background: linear-gradient(45deg, #fff700, #ffd700); color: #000; }
	.neon-cyan    { background: linear-gradient(45deg, #00fff7, #00c2ff); color: #000; }
	.neon-magenta { background: linear-gradient(45deg, #ff00ff, #cc00cc); color: #fff; }
	.neon-lime    { background: linear-gradient(45deg, #aaff00, #55cc00); color: #000; }
	.neon-teal    { background: linear-gradient(45deg, #008080, #00b3b3); color: #fff; }
	.neon-gold    { background: linear-gradient(45deg, #ffd700, #ffb700); color: #000; }
	.neon-silver  { background: linear-gradient(45deg, #c0c0c0, #a8a8a8); color: #000; }
	.neon-black   { background: linear-gradient(45deg, #0a0a0a, #1c1c1c); color: #fff; }
	.neon-blurple { background: linear-gradient(45deg, #5865F2, #404EED); color: #fff; }

    footer {
      margin-top: 2rem;
      font-size: 0.85rem;
    }

    footer a {
      color: #ccc;
      text-decoration: none;
      margin: 0 1rem;
    }

    footer a:hover {
      text-decoration: underline;
    }