body {
      font-family: Arial, sans-serif;
      background: linear-gradient(135deg, #ffefba, #ffffff);
      padding: 20px;
      text-align: center;
      color: #333;
      line-height: 1.6;
    }

    h1 {
      font-size: 1.8rem;
      color: #e63946;
      text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
      margin-bottom: 15px;
      animation: pulse 1.5s infinite;
    }

    @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
    }

    h2 {
      color: #457b9d;
      margin-top: 20px;
      font-size: 1.3rem;
    }

    ul {
      list-style: none;
      padding: 0;
      margin: 10px auto 20px;
      max-width: 500px;
      text-align: left;
    }

    ul li {
      margin: 12px 0;
      font-size: 1rem;
      position: relative;
      padding-left: 28px;
    }

    ul li::before {
      content: "✨";
      position: absolute;
      left: 0;
      animation: sparkle 2s infinite;
    }

    @keyframes sparkle {
      0% { opacity: 1; transform: rotate(0deg) scale(1); }
      50% { opacity: 0.3; transform: rotate(20deg) scale(1.2); }
      100% { opacity: 1; transform: rotate(0deg) scale(1); }
    }

    .pointer {
      font-size: 1.1rem;
      color: #1d3557;
      margin-top: 15px;
      display: inline-block;
      animation: bounce 1.2s infinite;
    }

    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* Nút quay thưởng */
    .spin-btn {
      display: inline-block;
      margin-top: 20px;
      padding: 12px 24px;
      font-size: 1.1rem;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(135deg, #ff6f61, #e63946);
      border-radius: 30px;
      text-decoration: none;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .spin-btn:hover {
      transform: scale(1.08);
      box-shadow: 0 6px 18px rgba(0,0,0,0.3);
    }

    .spin-btn:active {
      transform: scale(0.95);
    }

     /* Icon X */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #e63946;
      cursor: pointer;
      transition: transform 0.3s ease, color 0.3s ease;
      text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
      animation: fadeIn 0.6s ease-in-out;
    }