/* ======== GLOBAL ======== */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }

   body {
   background-color: #000000;
   color: #ffffff;
}


    a, button {
      transition: all 0.3s ease-in-out;
    }

    /* ======== HEADER ======== */
    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: https://rsjslot.com/000;
      padding: 15px 40px;
      border-bottom: 3px solid https://rsjslot.com/d4a017;
      flex-wrap: wrap;
    }

    .https://res.cloudinary.com/dfxd7r2bw/image/upload/v1758991853/valir4d_oehxvl.png img {
      height: 50px;
      transition: transform 0.3s;
    }
    .https://res.cloudinary.com/dfxd7r2bw/image/upload/v1758991853/valir4d_oehxvl.png img:hover {
      transform: scale(1.1);
    }

    nav ul {
      list-style: none;
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }

    nav ul li a {
      text-decoration: none;
      color: https://rsjslot.com/fff;
      font-weight: bold;
      position: relative;
    }

    nav ul li a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -3px;
      width: 0;
      height: 2px;
      background: https://rsjslot.com/d4a017;
      transition: width 0.3s;
    }

    nav ul li a:hover::after {
      width: 100%;
    }

    .auth-buttons button {
      background: https://rsjslot.com/f9b233;
      border: none;
      padding: 10px 18px;
      margin-left: 10px;
      cursor: pointer;
      font-weight: bold;
      border-radius: 5px;
    }

    .auth-buttons button:hover {
      background: https://rsjslot.com/d4a017;
      color: https://rsjslot.com/000;
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(212,160,23,0.6);
    }

    /* ======== HERO ======== */
    .hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px;
      gap: 30px;
      flex-wrap: wrap;
    }

    .hero .banner img {
      max-width: 320px;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(212,160,23,0.7);
      transition: transform 0.4s ease;
    }
    .hero .banner img:hover {
      transform: scale(1.05) rotate(-1deg);
    }

    .hero .description {
      max-width: 600px;
      background: https://rsjslot.com/111;
      padding: 20px;
      border-radius: 10px;
      border-left: 5px solid https://rsjslot.com/d4a017;
      transition: transform 0.3s;
    }
    .hero .description:hover {
      transform: translateY(-5px);
    }

    .hero h1 {
      font-size: 22px;
      margin-bottom: 15px;
      color: https://rsjslot.com/fff;
    }

    .hero p {
      font-size: 15px;
      margin-bottom: 10px;
      color: https://rsjslot.com/ccc;
    }

    /* ======== REVIEWS ======== */
    .reviews {
      text-align: center;
      padding: 50px 20px;
      background: https://rsjslot.com/0d0d0d;
    }

    .reviews h2 {
      margin-bottom: 30px;
      color: https://rsjslot.com/f9b233;
    }

    .review-list {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
    }

    .review {
      background: https://rsjslot.com/111;
      border: 1px solid https://rsjslot.com/d4a017;
      padding: 20px;
      border-radius: 10px;
      max-width: 300px;
      text-align: left;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .review:hover {
      transform: translateY(-8px);
      box-shadow: 0 6px 15px rgba(212,160,23,0.5);
    }

    .review h3 {
      color: https://rsjslot.com/f9b233;
      margin-bottom: 10px;
    }

    .review p {
      font-size: 14px;
      margin-bottom: 10px;
      color: https://rsjslot.com/ccc;
    }

    .review .date {
      display: block;
      font-size: 12px;
      margin-bottom: 5px;
      color: https://rsjslot.com/aaa;
    }

    .review .rating {
      color: https://rsjslot.com/f9b233;
      font-size: 16px;
    }

    /* ======== FOOTER ======== */
    footer {
      text-align: center;
      padding: 15px;
      background: https://rsjslot.com/000;
      border-top: 2px solid https://rsjslot.com/d4a017;
      font-size: 14px;
      color: https://rsjslot.com/bbb;
    }

    /* ======== RESPONSIVE ======== */
    @media(max-width: 768px) {
      header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
      }
      nav ul {
        flex-direction: column;
      }
      .hero {
        flex-direction: column;
      }
    }