.game-item .card {
      transition: all 0.35s ease;
      border: none;
      overflow: hidden;
    }

    .game-item .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .game-item .card img {
      transition: transform 0.4s ease;
    }

    .game-item .card:hover img {
      transform: scale(1.08);
    }

    .game-item .btn {
      transition: all 0.3s ease;
    }

    .game-item .card:hover .btn {
      transform: scale(1.05);
    }

    .card-img-top {
      height: 200px;
      object-fit: cover;
    }

    .games-hero {
      min-height: 340px;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 75% 20%, rgba(66, 211, 146, .16), transparent 28%),
        linear-gradient(135deg, #07111f 0%, #0b2035 100%);
    }

    .games-hero::after {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      right: -220px;
      top: -250px;
      border: 1px solid rgba(66, 211, 146, .25);
      border-radius: 50%;
      box-shadow: 0 0 0 42px rgba(66, 211, 146, .04), 0 0 0 84px rgba(66, 211, 146, .025);
    }

    .games-hero .container {
      position: relative;
      z-index: 1;
    }

    .games-eyebrow {
      color: var(--green);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .games-hero h1 {
      font-size: clamp(2.6rem, 6vw, 4.8rem);
      line-height: 1;
    }

    .games-hero .lead {
      color: var(--muted);
      max-width: 700px;
    }

    .games-toolbar {
      margin-top: 0;
      position: relative;
      z-index: 2;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      padding: 0 !important;
    }

    .games-toolbar .form-control {
      min-height: 52px;
      background: #07111f;
      border-color: var(--line);
      color: #fff;
    }

    .games-toolbar .form-control::placeholder {
      color: #71869a;
    }

    .game-item .card {
      background: linear-gradient(145deg, rgba(20, 42, 62, .94), rgba(10, 26, 42, .98));
      border: 1px solid var(--line);
      border-radius: 22px;
      color: #f5f8fb;
    }

    .game-item .card-img-top {
      height: 230px;
    }

    .game-item .card-body {
      padding: 1.5rem;
    }

    .game-item .card-title {
      color: #fff;
      font-size: 1.35rem;
    }

    .game-item .text-muted {
      color: var(--muted) !important;
    }

    .game-item .btn-success {
      background: var(--blue);
      border-color: var(--blue);
      color: #03111d;
      font-weight: 700;
    }

    .game-item .btn-success:hover {
      background: #8bd3ff;
      border-color: #8bd3ff;
    }

    .games-intro {
      color: var(--muted);
    }

    @media (max-width: 767px) {
      .games-hero {
        min-height: 300px;
      }

      .games-toolbar {
        margin-top: 0;
      }

      .game-item .card-img-top {
        height: 200px;
      }
    }