h1, h2, h3, .section-header h2, .cta h2 {
        font-family: 'Outfit', sans-serif;
      }

      .header {
        background-color: rgba(8, 9, 20, 0.97) !important;
        border-bottom: 1px solid rgba(88,101,242,0.14) !important;
      }
      .header.scrolled {
        background-color: rgba(8, 9, 20, 0.99) !important;
        box-shadow: 0 2px 24px rgba(0,0,0,0.5) !important;
      }

      .footer {
        background-color: #07080f !important;
        border-top: 1px solid rgba(88,101,242,0.1);
      }
      .footer-bottom {
        border-top-color: rgba(88,101,242,0.08) !important;
      }

 
      [data-reveal] {
        opacity: 0;
        transform: translateY(26px);
        transition: opacity 0.65s ease, transform 0.65s ease;
      }
      [data-reveal].revealed { opacity: 1; transform: translateY(0); }
      [data-reveal-delay="1"] { transition-delay: 0.08s; }
      [data-reveal-delay="2"] { transition-delay: 0.16s; }
      [data-reveal-delay="3"] { transition-delay: 0.24s; }
      [data-reveal-delay="4"] { transition-delay: 0.32s; }
      [data-reveal-delay="5"] { transition-delay: 0.40s; }
      [data-reveal-delay="6"] { transition-delay: 0.48s; }

      .section-sep {
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(88,101,242,0.22), transparent);
        border: none;
        margin: 0;
      }

      .section-header h2 {
        font-family: 'Outfit', sans-serif;
        font-size: 2.3rem;
        font-weight: 800;
        letter-spacing: -0.015em;
      }
      .section-header h2::after {
        background: linear-gradient(90deg, #5865f2, #818cf8);
        border-radius: 2px;
        width: 38px;
        height: 3px;
      }
      .section-header p {
        color: #5e6380;
        font-size: 1.05rem;
      }

      .servers {
        background: #0d0e1a;
      }

      .features {
        background: #0b0c18;
      }
      .feature-card {
        background: linear-gradient(145deg, #111220, #0d0e1c);
        border-radius: 16px;
        border: 1px solid rgba(88,101,242,0.09);
        padding: 34px 26px;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
      }
      .feature-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 18px 48px rgba(88,101,242,0.18);
        border-color: rgba(88,101,242,0.32);
      }
      .feature-icon {
        width: 64px; height: 64px;
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(88,101,242,0.14), rgba(88,101,242,0.04));
        border: 1px solid rgba(88,101,242,0.18);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
      }
      .feature-icon i { font-size: 24px; color: #818cf8; }
      .feature-card h3 {
        font-family: 'Outfit', sans-serif;
        font-size: 1.15rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: #dde0f5;
      }
      .feature-card p {
        font-size: 0.9rem;
        line-height: 1.68;
        color: #4e5470;
      }

      .premium {
        background: #0d0e1a;
      }

      .cta {
        background: #0b0c18;
        border-top: 1px solid rgba(88,101,242,0.12);
        position: relative;
      }
      .cta::before {
        content: '';
        position: absolute;
        top: -1px; left: 50%;
        transform: translateX(-50%);
        width: 220px; height: 1px;
        background: linear-gradient(90deg, transparent, #5865f2, transparent);
      }
      .cta::after { display: none; }
      .cta h2 {
        font-family: 'Outfit', sans-serif;
        font-size: 2.8rem;
        font-weight: 900;
        letter-spacing: -0.02em;
        color: #eceeff;
        text-shadow: none;
      }
      .cta p { color: #4e5470; }
      .cta .btn-primary {
        background: #5865f2;
        color: #fff;
        padding: 14px 36px;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 10px;
        box-shadow: 0 8px 30px rgba(88,101,242,0.38);
        transition: all 0.22s;
      }
      .cta .btn-primary:hover {
        background: #4752c4;
        transform: translateY(-3px);
        box-shadow: 0 14px 40px rgba(88,101,242,0.5);
        color: #fff;
      }

      .topgg-widget-section {
        background: #0d0e1a;
        padding: 28px 0 32px;
      }
      .topgg-widget-wrap { display: flex; justify-content: center; align-items: center; }
      .topgg-widget-inner {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        background: rgba(88,101,242,0.06);
        border: 1px solid rgba(88,101,242,0.18);
        border-radius: 14px;
        padding: 12px 22px;
        box-shadow: 0 0 30px rgba(88,101,242,0.07);
        flex-wrap: wrap;
        justify-content: center;
        max-width: 420px;
        width: fit-content;
      }
      .topgg-widget-label {
        display: flex; align-items: center; gap: 7px;
        font-size: 0.8rem; font-weight: 600;
        color: #555a7a; white-space: nowrap;
      }
      .topgg-dot {
        width: 7px; height: 7px; border-radius: 50%;
        background: #FF3366; box-shadow: 0 0 7px #FF3366;
        animation: topgg-pulse 2s ease-in-out infinite; flex-shrink: 0;
      }
      @keyframes topgg-pulse {
        0%, 100% { box-shadow: 0 0 5px #FF3366; }
        50%       { box-shadow: 0 0 13px #FF3366, 0 0 22px rgba(255,51,102,0.35); }
      }
      .topgg-logo { width: 20px; height: 20px; flex-shrink: 0; }
      .topgg-widget-label strong { color: #9098b1; }
      .topgg-widget-link {
        display: block; border-radius: 9px; overflow: hidden;
        transition: transform 0.2s, box-shadow 0.2s;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
      }
      .topgg-widget-link:hover { transform: translateY(-2px); box-shadow: 0 5px 16px rgba(255,51,102,0.22); }
      .topgg-widget-img { display: block; height: 38px; width: auto; border-radius: 9px; }
      .topgg-vote-btn {
        display: inline-flex; align-items: center; gap: 6px;
        background: linear-gradient(135deg, #FF3366, #b5002a);
        color: #fff; font-size: 0.8rem; font-weight: 700;
        padding: 8px 16px; border-radius: 8px;
        text-decoration: none; white-space: nowrap;
        transition: opacity 0.15s, transform 0.15s;
        box-shadow: 0 2px 10px rgba(255,51,102,0.32);
      }
      .topgg-vote-btn:hover { color: #fff; opacity: 0.88; transform: translateY(-1px); }
      .topgg-vote-btn i { font-size: 0.76rem; }

      @media (max-width: 768px) {
        .hero h1 { font-size: 2.3rem; }
        .hero > .container > .hero-content > p { font-size: 1rem; }
        .hero-stats { gap: 28px; }
        .hero-stat-value { font-size: 1.5rem; }
        .hero-scroll { display: none; }
        .cta h2 { font-size: 2rem; }
      }