section {
      padding: 5rem 0;
      position: relative;
    }

    .hero-section {
      min-height: 90vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding: 6rem 0;
    }

    .hero-section::before {
      content: '';
      position: absolute;
      top: -5%;
      right: -5%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(255, 107, 107, 0.15), transparent);
      border-radius: 50%;
      animation: pulse 8s ease-in-out infinite;
    }

    .hero-section::after {
      content: '';
      position: absolute;
      bottom: -5%;
      left: -5%;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(0, 217, 192, 0.15), transparent);
      border-radius: 50%;
      animation: pulse 8s ease-in-out infinite 4s;
    }

    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.1);
        opacity: 0.7;
      }
    }

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

    .hero-section h1 {
      margin-bottom: 1.5rem;
      animation: fadeInUp 1s ease-out;
    }

    .hero-section p {
      font-size: clamp(1.1rem, 2vw, 1.3rem);
      max-width: 900px;
      margin-bottom: 2.5rem;
      line-height: 1.8;
      animation: fadeInUp 1s ease-out 0.2s backwards;
    }

    .hero-section .btn-primary {
      animation: fadeInUp 1s ease-out 0.4s backwards;
      font-size: 1.3rem;
      padding: 20px 50px;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .quick-links {
      background: linear-gradient(135deg, rgba(255, 107, 107, 0.05), rgba(0, 217, 192, 0.05));
      border-top: 1px solid var(--card-border);
      border-bottom: 1px solid var(--card-border);
      padding: 3rem 0;
    }

    .quick-links h2 {
      text-align: center;
      margin-bottom: 2rem;
      font-size: 2rem;
    }

    .anchor-nav ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1rem;
      list-style: none;
      padding: 0;
    }

    .anchor-nav li a {
      display: block;
      padding: 1.2rem 1.5rem;
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 12px;
      font-weight: 600;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .anchor-nav li a::before {
      content: '→';
      position: absolute;
      left: 1rem;
      opacity: 0;
      transition: all 0.3s ease;
    }

    .anchor-nav li a:hover {
      background: rgba(0, 217, 192, 0.1);
      padding-left: 2.5rem;
      color: var(--accent-yellow);
      transform: translateX(5px);
    }

    .anchor-nav li a:hover::before {
      opacity: 1;
    }

    .registration article,
    .strategies article,
    .providers article {
      margin-bottom: 3rem;
    }

    .timeline-item {
      position: relative;
      padding-left: 3rem;
      border-left: 3px solid var(--primary-teal);
      margin-bottom: 3rem;
    }

    .timeline-item::before {
      content: '';
      position: absolute;
      left: -8px;
      top: 0;
      width: 14px;
      height: 14px;
      background: var(--primary-coral);
      border-radius: 50%;
      box-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
    }

    .timeline-item h3 {
      margin-top: 0;
    }

    .games {
      background: var(--dark-bg);
    }

    .tab-content {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 20px;
      padding: 2.5rem;
      margin-bottom: 2rem;
      transition: all 0.3s ease;
    }

    .tab-content:hover {
      border-color: var(--primary-teal);
      box-shadow: 0 10px 40px rgba(0, 217, 192, 0.2);
    }

    .bonuses,
    .payments {
      background: linear-gradient(135deg, rgba(155, 89, 182, 0.03), rgba(255, 107, 107, 0.03));
    }

    .cards-grid-2 .container > div:not(.content-image),
    .cards-grid-2 > .container > article {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
    }

    .cards-grid-3 .container > div:not(.content-image),
    .cards-grid-3 > .container > article {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 2rem;
    }

    .numbered-list article {
      counter-increment: section;
      position: relative;
      padding-left: 4rem;
      margin-bottom: 3rem;
    }

    .numbered-list article::before {
      content: counter(section);
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: linear-gradient(135deg, var(--primary-coral), var(--secondary-purple));
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      font-weight: 700;
      color: white;
      box-shadow: 0 5px 20px rgba(255, 107, 107, 0.4);
    }

    .numbered-list {
      counter-reset: section;
    }

    .feature-list article {
      margin-bottom: 3rem;
      padding: 2rem;
      background: var(--card-bg);
      border-left: 4px solid var(--primary-teal);
      border-radius: 12px;
      transition: all 0.3s ease;
    }

    .feature-list article:hover {
      background: rgba(0, 217, 192, 0.05);
      transform: translateX(10px);
    }

    .responsible-gaming {
      background: var(--dark-bg);
    }

    .highlight-boxes {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
    }

    .highlight-box {
      background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(155, 89, 182, 0.1));
      border: 2px solid var(--card-border);
      border-radius: 20px;
      padding: 2.5rem;
      transition: all 0.4s ease;
    }

    .highlight-box:hover {
      border-color: var(--accent-yellow);
      box-shadow: 0 15px 50px rgba(255, 201, 71, 0.2);
    }

    .faq {
      background: var(--darker-bg);
    }

    .accordion-item {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 16px;
      margin-bottom: 1.5rem;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .accordion-item:hover {
      border-color: var(--primary-teal);
    }

    .accordion-header {
      padding: 1.8rem 3rem 1.8rem 1.8rem;
      cursor: pointer;
      position: relative;
      user-select: none;
      transition: all 0.3s ease;
      margin: 0;
      font-size: 1.2rem;
    }

    .accordion-header::after {
      content: '+';
      position: absolute;
      right: 1.8rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      color: var(--primary-teal);
      transition: transform 0.3s ease;
      line-height: 1;
    }

    .accordion-item.active .accordion-header::after {
      transform: translateY(-50%) rotate(45deg);
    }

    .accordion-header:hover {
      color: var(--primary-teal);
    }

    .accordion-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .accordion-item.active .accordion-body {
      max-height: 1000px;
    }

    .accordion-body p {
      padding: 0 1.8rem 1.8rem;
    }

    .cta-section {
      background: linear-gradient(135deg, var(--primary-coral), var(--secondary-purple), var(--primary-teal));
      text-align: center;
      padding: 6rem 0;
      position: relative;
      overflow: hidden;
    }

    .cta-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');
      animation: drift 20s linear infinite;
    }

    @keyframes drift {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(100px);
      }
    }

    .cta-section .container {
      position: relative;
      z-index: 1;
    }

    .cta-section h2 {
      color: white;
      font-size: clamp(2.5rem, 5vw, 4rem);
      margin-bottom: 1.5rem;
    }

    .cta-section p {
      font-size: 1.4rem;
      color: rgba(255, 255, 255, 0.95);
      margin-bottom: 3rem;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }

    .cta-section .btn-primary {
      background: white;
      color: var(--primary-coral);
      font-size: 1.4rem;
      padding: 22px 60px;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
    }

    .cta-section .btn-primary::before {
      background: var(--darker-bg);
    }

    .cta-section .btn-primary:hover {
      color: var(--primary-teal);
    }

    @media (max-width: 767px) {
      section {
        padding: 3rem 0;
      }

      .hero-section {
        min-height: auto;
        padding: 4rem 0;
      }

      .hero-section::before,
      .hero-section::after {
        width: 300px;
        height: 300px;
      }

      .quick-links {
        padding: 2rem 0;
      }

      .anchor-nav ul {
        grid-template-columns: 1fr;
      }

      .timeline-item {
        padding-left: 2rem;
      }

      .numbered-list article {
        padding-left: 0;
        padding-top: 3.5rem;
      }

      .numbered-list article::before {
        left: 50%;
        transform: translateX(-50%);
      }

      .cards-grid-2 .container > div:not(.content-image),
      .cards-grid-2 > .container > article,
      .cards-grid-3 .container > div:not(.content-image),
      .cards-grid-3 > .container > article {
        grid-template-columns: 1fr;
      }

      .highlight-boxes {
        grid-template-columns: 1fr;
      }

      .cta-section {
        padding: 4rem 0;
      }

      .cta-section .btn-primary {
        width: 100%;
        max-width: 100%;
      }
    }

    @media (min-width: 768px) and (max-width: 1023px) {
      h1 {
        font-size: 3.5rem;
      }

      h2 {
        font-size: 2.5rem;
      }

      .hero-section {
        padding: 5rem 0;
      }

      .cards-grid-2 .container > div:not(.content-image),
      .cards-grid-2 > .container > article {
        grid-template-columns: repeat(2, 1fr);
      }

      .cards-grid-3 .container > div:not(.content-image),
      .cards-grid-3 > .container > article {
        grid-template-columns: repeat(2, 1fr);
      }
    }