It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://discountbp.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="utf-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <meta name="csrf-token" content="woxCwSNtzpPtfFRnJcPwHL1EDVhK8zw0jDubDxTV">
  7.    <meta name="google-site-verification" content="WiLI95cXiikIBCU_s8wqtZFlxV_owgNo1QFq_N366dY" />
  8.  
  9.    <!-- SEO Meta Tags -->
  10.    <link rel="shortcut icon" href="https://rtpmaster.org/storage/image/web_image/-weblogo-1725676332.png" type="image/x-icon">
  11.    <title>PKV &amp; Slot Online Terpercaya - Platform Gaming Terbaik Indonesia</title>
  12.    <meta name="description" content="Platform PKV &amp; Slot online terpercaya dengan bonus cashback 0.5%, referral 20%, RTP 97%, dan layanan 24/7. Nikmati ribuan game slot dan PKV terbaik dengan keamanan tingkat tinggi.">
  13.    <meta name="keywords" content="pkv online, slot online, judi online, casino online, poker online, bandarqq, dominoqq, slot gacor, jackpot slot, bonus cashback 0.5%, bonus referral 20%">
  14.    <meta name="author" content="PKV & Slot Platform">
  15.    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  16.    
  17.    <!-- Open Graph Meta Tags -->
  18.    <meta property="og:type" content="website">
  19.    <meta property="og:title" content="Platform PKV &amp; Slot Online Terpercaya 2025">
  20.    <meta property="og:description" content="Platform PKV &amp; Slot online terpercaya dengan bonus cashback 0.5%, referral 20%, RTP 97%, dan layanan 24/7.">
  21.    <meta property="og:url" content="http://discountbp.com">
  22.    <meta property="og:site_name" content="PKV & Slot Platform">
  23.    <meta property="og:image" content="http://discountbp.com/images/og-image.jpg">
  24.    <meta property="og:image:width" content="1200">
  25.    <meta property="og:image:height" content="630">
  26.    <meta property="og:locale" content="id_ID">
  27.    
  28.    <!-- Twitter Card Meta Tags -->
  29.    <meta name="twitter:card" content="summary_large_image">
  30.    <meta name="twitter:title" content="Platform PKV &amp; Slot Online Terpercaya 2025">
  31.    <meta name="twitter:description" content="Platform PKV &amp; Slot online terpercaya dengan bonus cashback 0.5%, referral 20%, RTP 97%, dan layanan 24/7.">
  32.    <meta name="twitter:image" content="http://discountbp.com/images/twitter-image.jpg">
  33.    
  34.    <!-- Canonical URL -->
  35.    <link rel="canonical" href="http://discountbp.com">
  36.    
  37.    <!-- Alternate Languages -->
  38.    <link rel="alternate" hreflang="id" href="http://discountbp.com">
  39.    <link rel="alternate" hreflang="en" href="http://discountbp.com?lang=en">
  40.    
  41.    <!-- Preconnect to External Domains -->
  42.    <link rel="preconnect" href="https://fonts.bunny.net">
  43.    <link rel="preconnect" href="https://cdn.jsdelivr.net">
  44.    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
  45.    
  46.    <!-- DNS Prefetch -->
  47.    <link rel="dns-prefetch" href="//fonts.bunny.net">
  48.    <link rel="dns-prefetch" href="//cdn.jsdelivr.net">
  49.    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
  50.    
  51.    <!-- Fonts -->
  52.    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
  53.  
  54.    <!-- Bootstrap CSS -->
  55.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  56.  
  57.    <!-- Font Awesome -->
  58.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  59.  
  60.    <!-- Tailwind CSS -->
  61.    <script src="https://cdn.tailwindcss.com"></script>
  62.    <script>
  63.        tailwind.config = {
  64.            darkMode: 'class',
  65.            theme: {
  66.                extend: {
  67.                    colors: {
  68.                        primary: {
  69.                            50: '#fef2f2',
  70.                            100: '#fee2e2',
  71.                            200: '#fecaca',
  72.                            300: '#fca5a5',
  73.                            400: '#f87171',
  74.                            500: '#f53003',
  75.                            600: '#dc2626',
  76.                            700: '#b91c1c',
  77.                            800: '#991b1b',
  78.                            900: '#7f1d1d',
  79.                        }
  80.                    }
  81.                }
  82.            }
  83.        }
  84.    </script>
  85.  
  86.    <!-- Structured Data -->
  87.    <script type="application/ld+json">
  88.    {
  89.        "@context": "https://schema.org",
  90.        "@type": "WebSite",
  91.        "name": "PKV & Slot Platform",
  92.        "url": "http://discountbp.com",
  93.        "description": "Platform PKV & Slot online terpercaya dengan bonus cashback 0.5%, referral 20%, RTP 97%, dan layanan 24/7",
  94.        "potentialAction": {
  95.            "@type": "SearchAction",
  96.            "target": "http://discountbp.com/search?q={search_term_string}",
  97.            "query-input": "required name=search_term_string"
  98.        },
  99.        "publisher": {
  100.            "@type": "Organization",
  101.            "name": "PKV & Slot Platform",
  102.            "logo": {
  103.                "@type": "ImageObject",
  104.                "url": "http://discountbp.com/images/logo.png"
  105.            }
  106.        }
  107.    }
  108.    </script>
  109.  
  110.    <script type="application/ld+json">
  111.    {
  112.        "@context": "https://schema.org",
  113.        "@type": "Organization",
  114.        "name": "PKV & Slot Platform",
  115.        "url": "http://discountbp.com",
  116.        "logo": "http://discountbp.com/images/logo.png",
  117.        "description": "Platform PKV & Slot online terpercaya dengan bonus cashback 0.5%, referral 20%, RTP 97%, dan layanan 24/7",
  118.        "contactPoint": {
  119.            "@type": "ContactPoint",
  120.            "telephone": "+62-812-3456-7890",
  121.            "contactType": "customer service",
  122.            "availableLanguage": ["Indonesian", "English"],
  123.            "hoursAvailable": {
  124.                "@type": "OpeningHoursSpecification",
  125.                "dayOfWeek": [
  126.                    "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
  127.                ],
  128.                "opens": "00:00",
  129.                "closes": "23:59"
  130.            }
  131.        },
  132.        "sameAs": [
  133.            "https://facebook.com/pkvslot",
  134.            "https://twitter.com/pkvslot",
  135.            "https://instagram.com/pkvslot"
  136.        ]
  137.    }
  138.    </script>
  139.  
  140.    <!-- Custom CSS -->
  141.    <style>
  142.        /* Custom CSS untuk halaman home */
  143.        /* Header Styling */
  144.        .navbar {
  145.            backdrop-filter: blur(10px);
  146.            background: rgba(255, 255, 255, 0.95) !important;
  147.            transition: all 0.3s ease;
  148.        }
  149.  
  150.        .dark .navbar {
  151.            background: rgba(22, 22, 21, 0.95) !important;
  152.        }
  153.  
  154.        .navbar-brand {
  155.            transition: all 0.3s ease;
  156.        }
  157.  
  158.        .navbar-brand:hover {
  159.            transform: scale(1.05);
  160.        }
  161.  
  162.        .nav-link {
  163.            position: relative;
  164.            transition: all 0.3s ease;
  165.        }
  166.  
  167.        .nav-link::after {
  168.            content: '';
  169.            position: absolute;
  170.            bottom: 0;
  171.            left: 50%;
  172.            width: 0;
  173.            height: 2px;
  174.            background: linear-gradient(90deg, #f53003, #FF4433);
  175.            transition: all 0.3s ease;
  176.            transform: translateX(-50%);
  177.        }
  178.  
  179.        .nav-link:hover::after {
  180.            width: 100%;
  181.        }
  182.  
  183.        .dropdown-menu {
  184.            border: none;
  185.            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  186.            border-radius: 10px;
  187.            padding: 0.5rem 0;
  188.        }
  189.  
  190.        .dropdown-item {
  191.            transition: all 0.3s ease;
  192.            padding: 0.5rem 1rem;
  193.        }
  194.  
  195.        .dropdown-item:hover {
  196.            background: linear-gradient(135deg, rgba(245, 48, 3, 0.1), rgba(255, 68, 51, 0.1));
  197.            transform: translateX(5px);
  198.        }
  199.  
  200.        /* Footer Styling */
  201.        footer {
  202.            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));
  203.        }
  204.  
  205.        .dark footer {
  206.            background: linear-gradient(135deg, rgba(22, 22, 21, 0.95), rgba(10, 10, 10, 0.95));
  207.        }
  208.  
  209.        footer .btn {
  210.            transition: all 0.3s ease;
  211.        }
  212.  
  213.        footer .btn:hover {
  214.            transform: translateY(-2px);
  215.            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  216.        }
  217.  
  218.        footer a {
  219.            transition: all 0.3s ease;
  220.        }
  221.  
  222.        footer a:hover {
  223.            transform: translateX(3px);
  224.        }
  225.  
  226.        footer .badge {
  227.            transition: all 0.3s ease;
  228.        }
  229.  
  230.        footer .badge:hover {
  231.            transform: scale(1.1);
  232.            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  233.        }
  234.  
  235.        /* Alert Styling */
  236.        .alert-info {
  237.            background: linear-gradient(135deg, rgba(13, 202, 240, 0.1), rgba(13, 202, 240, 0.05));
  238.            border: 1px solid rgba(13, 202, 240, 0.2);
  239.            border-radius: 10px;
  240.        }
  241.  
  242.        /* Hero Section */
  243.        .hero-gradient {
  244.            background: linear-gradient(135deg, #f53003 0%, #FF4433 50%, #ff6b35 100%);
  245.            position: relative;
  246.            overflow: hidden;
  247.        }
  248.  
  249.        .hero-gradient::before {
  250.            content: '';
  251.            position: absolute;
  252.            top: 0;
  253.            left: 0;
  254.            right: 0;
  255.            bottom: 0;
  256.            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  257.            animation: float 20s ease-in-out infinite;
  258.        }
  259.  
  260.        @keyframes float {
  261.            0%, 100% { transform: translateY(0px) rotate(0deg); }
  262.            50% { transform: translateY(-20px) rotate(180deg); }
  263.        }
  264.  
  265.        /* Platform Cards */
  266.        .platform-card {
  267.            background: white;
  268.            border-radius: 0.75rem;
  269.            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  270.            border: 1px solid #e5e7eb;
  271.            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  272.            position: relative;
  273.            overflow: hidden;
  274.        }
  275.  
  276.        .dark .platform-card {
  277.            background: #1f2937;
  278.            border-color: #374151;
  279.        }
  280.  
  281.        .platform-card::before {
  282.            content: '';
  283.            position: absolute;
  284.            top: 0;
  285.            left: -100%;
  286.            width: 100%;
  287.            height: 100%;
  288.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  289.            transition: left 0.5s;
  290.        }
  291.  
  292.        .platform-card:hover::before {
  293.            left: 100%;
  294.        }
  295.  
  296.        .platform-card:hover {
  297.            transform: translateY(-8px);
  298.            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  299.            border-color: #f53003;
  300.        }
  301.  
  302.        .platform-card:hover .card-title {
  303.            color: #f53003;
  304.        }
  305.  
  306.        .dark .platform-card:hover .card-title {
  307.            color: #FF4433;
  308.        }
  309.  
  310.        /* PKV Cards */
  311.        .pkv-card {
  312.            background: linear-gradient(135deg, #eff6ff, #dbeafe);
  313.            border-left: 4px solid #3b82f6;
  314.        }
  315.  
  316.        .dark .pkv-card {
  317.            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.2));
  318.        }
  319.  
  320.        .pkv-card:hover {
  321.            background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  322.            border-left-color: #1d4ed8;
  323.        }
  324.  
  325.        .dark .pkv-card:hover {
  326.            background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(37, 99, 235, 0.3));
  327.        }
  328.  
  329.        /* Slot Cards */
  330.        .slot-card {
  331.            background: linear-gradient(135deg, #ecfdf5, #d1fae5);
  332.            border-left: 4px solid #10b981;
  333.        }
  334.  
  335.        .dark .slot-card {
  336.            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.2));
  337.        }
  338.  
  339.        .slot-card:hover {
  340.            background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  341.            border-left-color: #059669;
  342.        }
  343.  
  344.        .dark .slot-card:hover {
  345.            background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(5, 150, 105, 0.3));
  346.        }
  347.  
  348.        /* Icon Animations */
  349.        .platform-icon {
  350.            width: 4rem;
  351.            height: 4rem;
  352.            border-radius: 50%;
  353.            display: flex;
  354.            align-items: center;
  355.            justify-content: center;
  356.            margin: 0 auto 1rem;
  357.            background: linear-gradient(135deg, #f53003, #FF4433);
  358.            transition: all 0.3s ease;
  359.            position: relative;
  360.            overflow: hidden;
  361.        }
  362.  
  363.        .platform-icon::before {
  364.            content: '';
  365.            position: absolute;
  366.            top: 50%;
  367.            left: 50%;
  368.            width: 0;
  369.            height: 0;
  370.            background: rgba(255, 255, 255, 0.3);
  371.            border-radius: 50%;
  372.            transition: all 0.3s ease;
  373.            transform: translate(-50%, -50%);
  374.        }
  375.  
  376.        .platform-icon:hover::before {
  377.            width: 100%;
  378.            height: 100%;
  379.        }
  380.  
  381.        .platform-icon:hover {
  382.            transform: scale(1.1) rotate(3deg);
  383.            box-shadow: 0 10px 25px rgba(245, 48, 3, 0.3);
  384.        }
  385.  
  386.        /* Section Headers */
  387.        .section-header {
  388.            text-align: center;
  389.            margin-bottom: 3rem;
  390.            position: relative;
  391.        }
  392.  
  393.        .section-header::after {
  394.            content: '';
  395.            position: absolute;
  396.            bottom: -10px;
  397.            left: 50%;
  398.            transform: translateX(-50%);
  399.            width: 60px;
  400.            height: 3px;
  401.            background: linear-gradient(90deg, #f53003, #FF4433);
  402.            border-radius: 2px;
  403.        }
  404.  
  405.        /* Button Animations */
  406.        .btn-primary {
  407.            background: linear-gradient(135deg, #f53003, #FF4433);
  408.            color: white;
  409.            padding: 0.75rem 1.5rem;
  410.            border-radius: 0.5rem;
  411.            font-weight: 600;
  412.            transition: all 0.3s ease;
  413.            position: relative;
  414.            overflow: hidden;
  415.            border: none;
  416.        }
  417.  
  418.        .btn-primary::before {
  419.            content: '';
  420.            position: absolute;
  421.            top: 0;
  422.            left: -100%;
  423.            width: 100%;
  424.            height: 100%;
  425.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  426.            transition: left 0.5s;
  427.        }
  428.  
  429.        .btn-primary:hover::before {
  430.            left: 100%;
  431.        }
  432.  
  433.        .btn-primary:hover {
  434.            transform: scale(1.05);
  435.            box-shadow: 0 10px 25px rgba(245, 48, 3, 0.4);
  436.            background: linear-gradient(135deg, #f53003, #FF4433);
  437.        }
  438.  
  439.        /* Bootstrap Overrides */
  440.        .btn {
  441.            transition: all 0.3s ease;
  442.        }
  443.  
  444.        .btn:hover {
  445.            transform: translateY(-2px);
  446.        }
  447.  
  448.        .card {
  449.            transition: all 0.3s ease;
  450.        }
  451.  
  452.        .card:hover {
  453.            transform: translateY(-5px);
  454.            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  455.        }
  456.  
  457.        .badge {
  458.            transition: all 0.3s ease;
  459.        }
  460.  
  461.        .badge:hover {
  462.            transform: scale(1.1);
  463.        }
  464.  
  465.        /* Progress Bar Customization */
  466.        .progress {
  467.            background-color: rgba(0, 0, 0, 0.1);
  468.            border-radius: 10px;
  469.        }
  470.  
  471.        .progress-bar {
  472.            border-radius: 10px;
  473.            transition: width 1s ease;
  474.        }
  475.  
  476.        /* Smooth Scrolling */
  477.        html {
  478.            scroll-behavior: smooth;
  479.        }
  480.  
  481.        /* Loading Animation */
  482.        .fade-in {
  483.            animation: fadeIn 0.6s ease-in-out;
  484.        }
  485.  
  486.        @keyframes fadeIn {
  487.            from {
  488.                opacity: 0;
  489.                transform: translateY(20px);
  490.            }
  491.            to {
  492.                opacity: 1;
  493.                transform: translateY(0);
  494.            }
  495.        }
  496.  
  497.        /* Card Grid Animation */
  498.        .card-grid {
  499.            animation: slideInUp 0.8s ease-out;
  500.        }
  501.  
  502.        @keyframes slideInUp {
  503.            from {
  504.                opacity: 0;
  505.                transform: translateY(30px);
  506.            }
  507.            to {
  508.                opacity: 1;
  509.                transform: translateY(0);
  510.            }
  511.        }
  512.  
  513.        /* Responsive Improvements */
  514.        @media (max-width: 768px) {
  515.            .platform-card:hover {
  516.                transform: translateY(-4px);
  517.            }
  518.            
  519.            .platform-icon:hover {
  520.                transform: scale(1.05);
  521.            }
  522.  
  523.            .btn:hover {
  524.                transform: translateY(-1px);
  525.            }
  526.  
  527.            .navbar-collapse {
  528.                background: rgba(255, 255, 255, 0.95);
  529.                border-radius: 10px;
  530.                margin-top: 1rem;
  531.                padding: 1rem;
  532.            }
  533.  
  534.            .dark .navbar-collapse {
  535.                background: rgba(22, 22, 21, 0.95);
  536.            }
  537.        }
  538.  
  539.        /* Dark Mode Enhancements */
  540.        .dark .progress {
  541.            background-color: rgba(255, 255, 255, 0.1);
  542.        }
  543.  
  544.        /* Text Gradients */
  545.        .text-gradient {
  546.            background: linear-gradient(135deg, #f53003, #FF4433);
  547.            -webkit-background-clip: text;
  548.            -webkit-text-fill-color: transparent;
  549.            background-clip: text;
  550.        }
  551.  
  552.        /* Pulse Animation for Important Elements */
  553.        .pulse-glow {
  554.            animation: pulseGlow 2s ease-in-out infinite alternate;
  555.        }
  556.  
  557.        @keyframes pulseGlow {
  558.            from {
  559.                box-shadow: 0 0 5px rgba(245, 48, 3, 0.5);
  560.            }
  561.            to {
  562.                box-shadow: 0 0 20px rgba(245, 48, 3, 0.8);
  563.            }
  564.        }
  565.  
  566.        /* Bootstrap Grid Compatibility */
  567.        .min-vh-75 {
  568.            min-height: 75vh;
  569.        }
  570.  
  571.        /* Custom Bootstrap Classes */
  572.        .bg-gradient-primary {
  573.            background: linear-gradient(135deg, #f53003, #FF4433);
  574.        }
  575.  
  576.        .text-gradient-primary {
  577.            background: linear-gradient(135deg, #f53003, #FF4433);
  578.            -webkit-background-clip: text;
  579.            -webkit-text-fill-color: transparent;
  580.            background-clip: text;
  581.        }
  582.  
  583.        /* Hover Effects for Bootstrap Components */
  584.        .btn-outline-light:hover {
  585.            background: linear-gradient(135deg, #f53003, #FF4433);
  586.            border-color: #f53003;
  587.            transform: translateY(-2px);
  588.        }
  589.  
  590.        /* Card Hover Effects */
  591.        .card.platform-card:hover .card-body {
  592.            background: linear-gradient(135deg, rgba(245, 48, 3, 0.05), rgba(255, 68, 51, 0.05));
  593.        }
  594.  
  595.        /* Badge Hover Effects */
  596.        .badge:hover {
  597.            transform: scale(1.1);
  598.            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  599.        }
  600.  
  601.        /* Sticky Header Effect */
  602.        .navbar.scrolled {
  603.            background: rgba(255, 255, 255, 0.98) !important;
  604.            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  605.        }
  606.  
  607.        .dark .navbar.scrolled {
  608.            background: rgba(22, 22, 21, 0.98) !important;
  609.            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  610.        }
  611.  
  612.        /* Floating Animation */
  613.        .floating {
  614.            animation: floating 3s ease-in-out infinite;
  615.        }
  616.        
  617.        @keyframes floating {
  618.            0%, 100% { transform: translateY(0px); }
  619.            50% { transform: translateY(-10px); }
  620.        }
  621.        
  622.        .btn-loading {
  623.            pointer-events: none;
  624.        }
  625.  
  626.        /* SEO Optimized Content */
  627.        .seo-content {
  628.            line-height: 1.8;
  629.            color: #374151;
  630.        }
  631.  
  632.        .dark .seo-content {
  633.            color: #d1d5db;
  634.        }
  635.  
  636.        .seo-content h2, .seo-content h3 {
  637.            color: #1f2937;
  638.            margin-top: 2rem;
  639.            margin-bottom: 1rem;
  640.        }
  641.  
  642.        .dark .seo-content h2, .dark .seo-content h3 {
  643.            color: #f9fafb;
  644.        }
  645.  
  646.        .seo-content ul {
  647.            padding-left: 1.5rem;
  648.        }
  649.  
  650.        .seo-content li {
  651.            margin-bottom: 0.5rem;
  652.        }
  653.  
  654.        /* Breadcrumb Styling */
  655.        .breadcrumb {
  656.            background: transparent;
  657.            padding: 0.75rem 0;
  658.        }
  659.  
  660.        .breadcrumb-item + .breadcrumb-item::before {
  661.            content: ">";
  662.            color: #6b7280;
  663.        }
  664.  
  665.        /* FAQ Section */
  666.        .faq-item {
  667.            border: 1px solid #e5e7eb;
  668.            border-radius: 0.5rem;
  669.            margin-bottom: 1rem;
  670.        }
  671.  
  672.        .faq-question {
  673.            background: #f9fafb;
  674.            padding: 1rem;
  675.            cursor: pointer;
  676.            border-radius: 0.5rem 0.5rem 0 0;
  677.            font-weight: 600;
  678.        }
  679.  
  680.        .faq-answer {
  681.            padding: 1rem;
  682.            border-top: 1px solid #e5e7eb;
  683.        }
  684.  
  685.        /* Testimonial Section */
  686.        .testimonial-card {
  687.            background: white;
  688.            border-radius: 1rem;
  689.            padding: 2rem;
  690.            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  691.            margin-bottom: 2rem;
  692.        }
  693.  
  694.        .testimonial-avatar {
  695.            width: 60px;
  696.            height: 60px;
  697.            border-radius: 50%;
  698.            background: linear-gradient(135deg, #f53003, #FF4433);
  699.            display: flex;
  700.            align-items: center;
  701.            justify-content: center;
  702.            color: white;
  703.            font-weight: bold;
  704.            margin-bottom: 1rem;
  705.        }
  706.    </style>
  707.  
  708.    <!-- Styles / Scripts -->
  709.    
  710.    <!-- Additional Styles -->
  711.    </head>
  712. <body class="bg-[#FDFDFC] dark:bg-[#0a0a0a] text-[#1b1b18] dark:text-[#EDEDEC] min-h-screen">
  713.    <!-- Header -->
  714.    <header class="navbar navbar-expand-lg shadow-lg sticky-top p-0 border-0" style="background:rgba(24,24,27,0.85);backdrop-filter:blur(16px);box-shadow:0 4px 32px rgba(0,0,0,0.25);">
  715.    <div class="container py-3 d-flex align-items-center justify-content-between">
  716.        <!-- Logo -->
  717.        <a class="navbar-brand d-flex align-items-center gap-3" href="http://discountbp.com" style="font-family:'Inter', 'Poppins', 'Montserrat', sans-serif;">
  718.            <i class="fas fa-gamepad fs-1" style="background:linear-gradient(90deg,#f53003,#FF4433);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;"></i>
  719.            <span class="fw-bold fs-2" style="background: linear-gradient(90deg,#f53003,#FF4433); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing:2px;">PKV & Slot</span>
  720.        </a>
  721.        <!-- Mobile Toggle Button -->
  722.        <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  723.            <span class="navbar-toggler-icon" style="filter:invert(1);"></span>
  724.        </button>
  725.        <!-- Navigation Menu -->
  726.        
  727.    </div>
  728. </header>
  729.    <!-- Breadcrumb -->
  730.    
  731.    <!-- Main Content -->
  732.    <main class="min-h-screen">
  733.        <!-- Hero Section -->
  734. <section class="hero-section position-relative overflow-hidden py-5" style="background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 75%, #533483 100%); min-height: 100vh; display: flex; align-items: center;">
  735.    <div class="container">
  736.        <div class="row align-items-center">
  737.            <div class="col-lg-6 mb-5 mb-lg-0">
  738.                <div class="hero-content text-center text-lg-start">
  739.                    <h1 class="display-3 fw-bold mb-4 text-gradient" style="background: linear-gradient(45deg, #f59e42, #fbbf24, #22c55e, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', 'Montserrat', sans-serif; letter-spacing: 2px; line-height: 1.2;">
  740.                        Platform PKV & Slot<br>
  741.                        <span class="text-white">Terpercaya #1</span>
  742.                    </h1>
  743.                    <p class="lead mb-5 fs-4 text-light" style="font-family: 'Inter', sans-serif; line-height: 1.6; opacity: 0.9;">
  744.                        Temukan pengalaman gaming terbaik dengan platform PKV dan Slot online terpercaya.
  745.                        RTP tinggi, bonus cashback 0.5%, referral 20%, dan support 24/7 siap melayani Anda.
  746.                    </p>
  747.                    <div class="hero-buttons d-flex flex-column flex-sm-row gap-3 justify-content-center justify-content-lg-start">
  748.                        <a href="#pkv-platforms" class="btn btn-warning btn-lg fw-bold shadow-lg pulse-glow rounded-3 px-5 py-3" style="background: linear-gradient(45deg, #f59e42, #fbbf24); border: none; font-size: 1.1rem; letter-spacing: 1px;">
  749.                            <i class="fas fa-play me-2"></i>Mulai Bermain
  750.                        </a>
  751.                        <a href="#features" class="btn btn-outline-light btn-lg fw-bold shadow-lg rounded-3 px-5 py-3" style="border: 2px solid rgba(255,255,255,0.3); backdrop-filter: blur(10px); font-size: 1.1rem; letter-spacing: 1px;">
  752.                            <i class="fas fa-info-circle me-2"></i>Pelajari Lebih Lanjut
  753.                        </a>
  754.                    </div>
  755.                </div>
  756.            </div>
  757.            <div class="col-lg-6">
  758.                <div class="hero-illustration text-center">
  759.                    <div class="position-relative">
  760.                        <div class="hero-icon-container mx-auto mb-4" style="width: 300px; height: 300px; background: rgba(255,255,255,0.1); backdrop-filter: blur(20px); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,0.2); box-shadow: 0 20px 60px rgba(0,0,0,0.3);">
  761.                            <i class="fas fa-dice-d20 text-white" style="font-size: 8rem; opacity: 0.8;"></i>
  762.                        </div>
  763.                        <div class="floating-elements">
  764.                            <div class="floating-card position-absolute" style="top: 10%; left: 10%; animation: float 3s ease-in-out infinite;">
  765.                                <i class="fas fa-crown text-warning" style="font-size: 2rem;"></i>
  766.                            </div>
  767.                            <div class="floating-card position-absolute" style="top: 20%; right: 15%; animation: float 3s ease-in-out infinite 1s;">
  768.                                <i class="fas fa-gem text-info" style="font-size: 2rem;"></i>
  769.                            </div>
  770.                            <div class="floating-card position-absolute" style="bottom: 20%; left: 15%; animation: float 3s ease-in-out infinite 2s;">
  771.                                <i class="fas fa-trophy text-success" style="font-size: 2rem;"></i>
  772.                            </div>
  773.                        </div>
  774.                    </div>
  775.                </div>
  776.                
  777.                                <div class="text-center mt-4">
  778.                    <div class="online-members-badge d-inline-flex align-items-center px-4 py-2" style="background: linear-gradient(45deg, #22c55e, #16a34a); color: white; border-radius: 25px; font-size: 1.1rem; font-weight: bold; gap: 0.8rem; box-shadow: 0 8px 25px rgba(34,197,94,0.4); animation: pulse 2s infinite; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);">
  779.                        <span style="font-size: 1.3rem; animation: blink 1s infinite;">🟢</span>
  780.                        <span>92,100 Member Online</span>
  781.                    </div>
  782.                </div>
  783.                            </div>
  784.        </div>
  785.    </div>
  786. </section>
  787.  
  788. <!-- Official Partner Section -->
  789. <section class="py-5" style="background: linear-gradient(135deg, #533483 0%, #0f0f23 100%);">
  790.    <div class="container">
  791.        <div class="row">
  792.            <div class="col-12 text-center mb-5">
  793.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  794.                    Official Partner
  795.                </h2>
  796.                <p class="lead text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  797.                    Kami adalah official partner resmi dari semua platform gaming terpercaya
  798.                </p>
  799.            </div>
  800.        </div>
  801.        <div class="row justify-content-center">
  802.            <div class="col-lg-10">
  803.                <div class="partner-badge p-5" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 25px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.3); position: relative; overflow: hidden;">
  804.                    <div class="partner-icon mb-4" style="font-size: 5rem; animation: bounce 2s infinite;">🤝</div>
  805.                    <h3 class="mb-3" style="font-size: 2.5rem; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">Official Partner Resmi</h3>
  806.                    <p class="mb-4" style="font-size: 1.2rem; opacity: 0.9; line-height: 1.6;">
  807.                        Kami adalah official partner resmi dari semua platform gaming terpercaya dengan lisensi dan sertifikasi lengkap.
  808.                        Setiap platform yang kami rekomendasikan telah melalui proses verifikasi ketat untuk memastikan keamanan dan kenyamanan member.
  809.                    </p>
  810.                    <div class="row g-4 mt-4">
  811.                        <div class="col-md-6 col-lg-3">
  812.                            <div class="partner-feature d-flex align-items-center justify-content-center p-3" style="background: rgba(255,255,255,0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);">
  813.                                <span class="me-3" style="font-size: 2rem;">✅</span>
  814.                                <span style="font-weight: 500;">Lisensi Resmi</span>
  815.                            </div>
  816.                        </div>
  817.                        <div class="col-md-6 col-lg-3">
  818.                            <div class="partner-feature d-flex align-items-center justify-content-center p-3" style="background: rgba(255,255,255,0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);">
  819.                                <span class="me-3" style="font-size: 2rem;">🔒</span>
  820.                                <span style="font-weight: 500;">Keamanan Terjamin</span>
  821.                            </div>
  822.                        </div>
  823.                        <div class="col-md-6 col-lg-3">
  824.                            <div class="partner-feature d-flex align-items-center justify-content-center p-3" style="background: rgba(255,255,255,0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);">
  825.                                <span class="me-3" style="font-size: 2rem;">💰</span>
  826.                                <span style="font-weight: 500;">Pembayaran Aman</span>
  827.                            </div>
  828.                        </div>
  829.                        <div class="col-md-6 col-lg-3">
  830.                            <div class="partner-feature d-flex align-items-center justify-content-center p-3" style="background: rgba(255,255,255,0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);">
  831.                                <span class="me-3" style="font-size: 2rem;">🎯</span>
  832.                                <span style="font-weight: 500;">Support 24/7</span>
  833.                            </div>
  834.                        </div>
  835.                    </div>
  836.                </div>
  837.            </div>
  838.        </div>
  839.        
  840.  
  841.    </div>
  842. </section>
  843.  
  844. <!-- Features Section -->
  845. <section id="features" class="py-5" style="background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);">
  846.    <div class="container">
  847.        <div class="row">
  848.            <div class="col-12 text-center mb-5">
  849.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  850.                    Mengapa Memilih Kami?
  851.                </h2>
  852.                <p class="lead text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  853.                    Platform gaming terpercaya dengan fitur-fitur unggulan untuk pengalaman terbaik
  854.                </p>
  855.            </div>
  856.        </div>
  857.        <div class="row g-4">
  858.            <div class="col-md-6 col-lg-3">
  859.                <div class="feature-card text-center p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  860.                    <div class="feature-icon mb-3">
  861.                        <div class="icon-container mx-auto" style="width: 80px; height: 80px; background: linear-gradient(45deg, #f59e42, #fbbf24); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(245,158,66,0.3);">
  862.                            <i class="fas fa-shield-alt text-white" style="font-size: 2rem;"></i>
  863.                        </div>
  864.                    </div>
  865.                    <h4 class="text-white fw-bold mb-3" style="font-family: 'Inter', sans-serif;">100% Terpercaya</h4>
  866.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  867.                        Platform resmi dan terpercaya dengan lisensi internasional
  868.                    </p>
  869.                </div>
  870.            </div>
  871.            <div class="col-md-6 col-lg-3">
  872.                <div class="feature-card text-center p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  873.                    <div class="feature-icon mb-3">
  874.                        <div class="icon-container mx-auto" style="width: 80px; height: 80px; background: linear-gradient(45deg, #22c55e, #16a34a); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(34,197,94,0.3);">
  875.                            <i class="fas fa-percentage text-white" style="font-size: 2rem;"></i>
  876.                        </div>
  877.                    </div>
  878.                    <h4 class="text-white fw-bold mb-3" style="font-family: 'Inter', sans-serif;">RTP Tinggi</h4>
  879.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  880.                        Return to Player hingga 97% untuk peluang menang lebih besar
  881.                    </p>
  882.                </div>
  883.            </div>
  884.            <div class="col-md-6 col-lg-3">
  885.                <div class="feature-card text-center p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  886.                    <div class="feature-icon mb-3">
  887.                        <div class="icon-container mx-auto" style="width: 80px; height: 80px; background: linear-gradient(45deg, #3b82f6, #1d4ed8); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(59,130,246,0.3);">
  888.                            <i class="fas fa-headset text-white" style="font-size: 2rem;"></i>
  889.                        </div>
  890.                    </div>
  891.                    <h4 class="text-white fw-bold mb-3" style="font-family: 'Inter', sans-serif;">Support 24/7</h4>
  892.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  893.                        Customer service siap melayani Anda setiap saat
  894.                    </p>
  895.                </div>
  896.            </div>
  897.            <div class="col-md-6 col-lg-3">
  898.                <div class="feature-card text-center p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  899.                    <div class="feature-icon mb-3">
  900.                        <div class="icon-container mx-auto" style="width: 80px; height: 80px; background: linear-gradient(45deg, #ec4899, #db2777); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(236,72,153,0.3);">
  901.                            <i class="fas fa-mobile-alt text-white" style="font-size: 2rem;"></i>
  902.                        </div>
  903.                    </div>
  904.                    <h4 class="text-white fw-bold mb-3" style="font-family: 'Inter', sans-serif;">Mobile Friendly</h4>
  905.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  906.                        Bermain di mana saja dengan tampilan responsif
  907.                    </p>
  908.                </div>
  909.            </div>
  910.        </div>
  911.    </div>
  912. </section>
  913.  
  914. <!-- PKV Platforms Section -->
  915. <section id="pkv-platforms" class="py-5" style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);">
  916.    <div class="container">
  917.        <div class="row">
  918.            <div class="col-12 text-center mb-5">
  919.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  920.                    Platform PKV Terpercaya
  921.                </h2>
  922.                <p class="lead text-light mb-5" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  923.                    Pilih platform PKV favorit Anda dengan fitur dan bonus cashback 0.5% serta referral 20% terbaik setiap minggunya
  924.                </p>
  925.            </div>
  926.        </div>
  927.        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-5">
  928.        <div class="col d-flex align-items-stretch">
  929.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-orange" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#f53003,#FF4433)1;box-shadow:0 8px 40px rgba(245,48,3,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  930.            <div class="card-header bg-gradient-to-r from-orange-400 to-orange-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  931.                <h3 class="mb-0" style="color:#fff;">
  932.                    <i class="fas fa-crown me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>DepoQQ
  933.                </h3>
  934.                <div class="mt-2">
  935.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  936.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  937.                        30,069 Online
  938.                    </span>
  939.                </div>
  940.            </div>
  941.            <div class="card-body pb-0 px-4">
  942.                <p class="card-text fs-6 mb-3">Platform PKV terdepan dengan bonus cashback 0.5% dan sistem keamanan tingkat tinggi.</p>
  943.                <ul class="feature-list mb-4">
  944.                                        <li class="mb-2">
  945.                        <i class="fas fa-check text-success me-2"></i>Sistem Keamanan Tingkat Tinggi
  946.                    </li>
  947.                                        <li class="mb-2">
  948.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  949.                    </li>
  950.                                        <li class="mb-2">
  951.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  952.                    </li>
  953.                                        <li class="mb-2">
  954.                        <i class="fas fa-check text-success me-2"></i>Layanan 24/7
  955.                    </li>
  956.                                        <li class="mb-2">
  957.                        <i class="fas fa-check text-success me-2"></i>Minimal Deposit Rp 10.000
  958.                    </li>
  959.                                    </ul>
  960.            </div>
  961.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  962.                <a href="http://discountbp.com/pkv/depoqq" class="btn btn-primary w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#f53003,#FF4433);border:none;">
  963.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  964.                </a>
  965.            </div>
  966.        </div>
  967.    </div>
  968.        <div class="col d-flex align-items-stretch">
  969.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-green" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#22c55e,#16a34a)1;box-shadow:0 8px 40px rgba(34,197,94,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  970.            <div class="card-header bg-gradient-to-r from-green-400 to-green-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  971.                <h3 class="mb-0" style="color:#fff;">
  972.                    <i class="fas fa-star me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>WedeQQ
  973.                </h3>
  974.                <div class="mt-2">
  975.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  976.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  977.                        28,688 Online
  978.                    </span>
  979.                </div>
  980.            </div>
  981.            <div class="card-body pb-0 px-4">
  982.                <p class="card-text fs-6 mb-3">PKV dengan bonus cashback 0.5% dan promosi terbaik untuk member setia.</p>
  983.                <ul class="feature-list mb-4">
  984.                                        <li class="mb-2">
  985.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  986.                    </li>
  987.                                        <li class="mb-2">
  988.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  989.                    </li>
  990.                                        <li class="mb-2">
  991.                        <i class="fas fa-check text-success me-2"></i>Layanan 24/7
  992.                    </li>
  993.                                        <li class="mb-2">
  994.                        <i class="fas fa-check text-success me-2"></i>Sistem Fair Play
  995.                    </li>
  996.                                        <li class="mb-2">
  997.                        <i class="fas fa-check text-success me-2"></i>Komunitas Aktif
  998.                    </li>
  999.                                    </ul>
  1000.            </div>
  1001.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1002.                <a href="http://discountbp.com/pkv/wedeqq" class="btn btn-success w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#22c55e,#16a34a);border:none;">
  1003.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1004.                </a>
  1005.            </div>
  1006.        </div>
  1007.    </div>
  1008.        <div class="col d-flex align-items-stretch">
  1009.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-blue" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#3b82f6,#1d4ed8)1;box-shadow:0 8px 40px rgba(59,130,246,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1010.            <div class="card-header bg-gradient-to-r from-blue-400 to-blue-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1011.                <h3 class="mb-0" style="color:#fff;">
  1012.                    <i class="fas fa-gem me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>CebanQQ
  1013.                </h3>
  1014.                <div class="mt-2">
  1015.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1016.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1017.                        7,750 Online
  1018.                    </span>
  1019.                </div>
  1020.            </div>
  1021.            <div class="card-body pb-0 px-4">
  1022.                <p class="card-text fs-6 mb-3">PKV dengan RTP tinggi dan bonus cashback 0.5% untuk keuntungan maksimal.</p>
  1023.                <ul class="feature-list mb-4">
  1024.                                        <li class="mb-2">
  1025.                        <i class="fas fa-check text-success me-2"></i>RTP Tinggi 97%
  1026.                    </li>
  1027.                                        <li class="mb-2">
  1028.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  1029.                    </li>
  1030.                                        <li class="mb-2">
  1031.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  1032.                    </li>
  1033.                                        <li class="mb-2">
  1034.                        <i class="fas fa-check text-success me-2"></i>Anti-Bot Terjamin
  1035.                    </li>
  1036.                                        <li class="mb-2">
  1037.                        <i class="fas fa-check text-success me-2"></i>Customer Service Responsif
  1038.                    </li>
  1039.                                    </ul>
  1040.            </div>
  1041.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1042.                <a href="http://discountbp.com/pkv/cebanqq" class="btn btn-primary w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#3b82f6,#1d4ed8);border:none;">
  1043.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1044.                </a>
  1045.            </div>
  1046.        </div>
  1047.    </div>
  1048.        <div class="col d-flex align-items-stretch">
  1049.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-purple" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#8b5cf6,#7c3aed)1;box-shadow:0 8px 40px rgba(139,92,246,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1050.            <div class="card-header bg-gradient-to-r from-purple-400 to-purple-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1051.                <h3 class="mb-0" style="color:#fff;">
  1052.                    <i class="fas fa-trophy me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>ArenaQQ
  1053.                </h3>
  1054.                <div class="mt-2">
  1055.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1056.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1057.                        44,413 Online
  1058.                    </span>
  1059.                </div>
  1060.            </div>
  1061.            <div class="card-body pb-0 px-4">
  1062.                <p class="card-text fs-6 mb-3">Arena PKV terbesar dengan ribuan pemain aktif dan bonus cashback 0.5%.</p>
  1063.                <ul class="feature-list mb-4">
  1064.                                        <li class="mb-2">
  1065.                        <i class="fas fa-check text-success me-2"></i>Komunitas Terbesar
  1066.                    </li>
  1067.                                        <li class="mb-2">
  1068.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  1069.                    </li>
  1070.                                        <li class="mb-2">
  1071.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  1072.                    </li>
  1073.                                        <li class="mb-2">
  1074.                        <i class="fas fa-check text-success me-2"></i>Turnamen Harian
  1075.                    </li>
  1076.                                        <li class="mb-2">
  1077.                        <i class="fas fa-check text-success me-2"></i>Sistem Keamanan Terjamin
  1078.                    </li>
  1079.                                    </ul>
  1080.            </div>
  1081.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1082.                <a href="http://discountbp.com/pkv/arenaqq" class="btn btn-warning w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#8b5cf6,#7c3aed);border:none;">
  1083.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1084.                </a>
  1085.            </div>
  1086.        </div>
  1087.    </div>
  1088.        <div class="col d-flex align-items-stretch">
  1089.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-pink" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#ec4899,#db2777)1;box-shadow:0 8px 40px rgba(236,72,153,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1090.            <div class="card-header bg-gradient-to-r from-pink-400 to-pink-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1091.                <h3 class="mb-0" style="color:#fff;">
  1092.                    <i class="fas fa-mobile-alt me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Adaqq
  1093.                </h3>
  1094.                <div class="mt-2">
  1095.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1096.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1097.                        14,097 Online
  1098.                    </span>
  1099.                </div>
  1100.            </div>
  1101.            <div class="card-body pb-0 px-4">
  1102.                <p class="card-text fs-6 mb-3">PKV dengan interface modern dan bonus cashback 0.5% untuk pengalaman optimal.</p>
  1103.                <ul class="feature-list mb-4">
  1104.                                        <li class="mb-2">
  1105.                        <i class="fas fa-check text-success me-2"></i>Interface Modern
  1106.                    </li>
  1107.                                        <li class="mb-2">
  1108.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  1109.                    </li>
  1110.                                        <li class="mb-2">
  1111.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  1112.                    </li>
  1113.                                        <li class="mb-2">
  1114.                        <i class="fas fa-check text-success me-2"></i>Responsive Mobile
  1115.                    </li>
  1116.                                        <li class="mb-2">
  1117.                        <i class="fas fa-check text-success me-2"></i>Loading Cepat
  1118.                    </li>
  1119.                                    </ul>
  1120.            </div>
  1121.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1122.                <a href="http://discountbp.com/pkv/adaqq" class="btn btn-info w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#ec4899,#db2777);border:none;">
  1123.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1124.                </a>
  1125.            </div>
  1126.        </div>
  1127.    </div>
  1128.        <div class="col d-flex align-items-stretch">
  1129.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-teal" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#14b8a6,#0d9488)1;box-shadow:0 8px 40px rgba(20,184,166,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1130.            <div class="card-header bg-gradient-to-r from-teal-400 to-teal-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1131.                <h3 class="mb-0" style="color:#fff;">
  1132.                    <i class="fas fa-home me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Wargaqq
  1133.                </h3>
  1134.                <div class="mt-2">
  1135.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1136.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1137.                        28,647 Online
  1138.                    </span>
  1139.                </div>
  1140.            </div>
  1141.            <div class="card-body pb-0 px-4">
  1142.                <p class="card-text fs-6 mb-3">Komunitas PKV terbaik dengan support responsif dan bonus cashback 0.5%.</p>
  1143.                <ul class="feature-list mb-4">
  1144.                                        <li class="mb-2">
  1145.                        <i class="fas fa-check text-success me-2"></i>Komunitas Solid
  1146.                    </li>
  1147.                                        <li class="mb-2">
  1148.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  1149.                    </li>
  1150.                                        <li class="mb-2">
  1151.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  1152.                    </li>
  1153.                                        <li class="mb-2">
  1154.                        <i class="fas fa-check text-success me-2"></i>Support Responsif
  1155.                    </li>
  1156.                                        <li class="mb-2">
  1157.                        <i class="fas fa-check text-success me-2"></i>Event Komunitas
  1158.                    </li>
  1159.                                    </ul>
  1160.            </div>
  1161.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1162.                <a href="http://discountbp.com/pkv/wargaqq" class="btn btn-secondary w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#14b8a6,#0d9488);border:none;">
  1163.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1164.                </a>
  1165.            </div>
  1166.        </div>
  1167.    </div>
  1168.        <div class="col d-flex align-items-stretch">
  1169.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-indigo" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#6366f1,#4f46e5)1;box-shadow:0 8px 40px rgba(99,102,241,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1170.            <div class="card-header bg-gradient-to-r from-indigo-400 to-indigo-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1171.                <h3 class="mb-0" style="color:#fff;">
  1172.                    <i class="fas fa-certificate me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>OriQQ
  1173.                </h3>
  1174.                <div class="mt-2">
  1175.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1176.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1177.                        20,434 Online
  1178.                    </span>
  1179.                </div>
  1180.            </div>
  1181.            <div class="card-body pb-0 px-4">
  1182.                <p class="card-text fs-6 mb-3">PKV original terpercaya dengan fair play 100% dan bonus cashback 0.5%.</p>
  1183.                <ul class="feature-list mb-4">
  1184.                                        <li class="mb-2">
  1185.                        <i class="fas fa-check text-success me-2"></i>Platform Original
  1186.                    </li>
  1187.                                        <li class="mb-2">
  1188.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 0.5%
  1189.                    </li>
  1190.                                        <li class="mb-2">
  1191.                        <i class="fas fa-check text-success me-2"></i>Bonus Referal 20%
  1192.                    </li>
  1193.                                        <li class="mb-2">
  1194.                        <i class="fas fa-check text-success me-2"></i>Anti-Bot Terjamin
  1195.                    </li>
  1196.                                        <li class="mb-2">
  1197.                        <i class="fas fa-check text-success me-2"></i>Layanan Premium
  1198.                    </li>
  1199.                                    </ul>
  1200.            </div>
  1201.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1202.                <a href="http://discountbp.com/pkv/oriqq" class="btn btn-dark w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#6366f1,#4f46e5);border:none;">
  1203.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1204.                </a>
  1205.            </div>
  1206.        </div>
  1207.    </div>
  1208.    </div>     </div>
  1209. </section>
  1210.  
  1211. <!-- Slot Platforms Section -->
  1212. <section id="slot-platforms" class="py-5" style="background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);">
  1213.    <div class="container">
  1214.        <div class="row">
  1215.            <div class="col-12 text-center mb-5">
  1216.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #22c55e, #16a34a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  1217.                    Platform Slot Online
  1218.                </h2>
  1219.                <p class="lead text-light mb-5" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  1220.                    Nikmati ribuan game slot dengan RTP tinggi, bonus cashback 0.5%, referral 20%, dan jackpot besar setiap minggunya
  1221.                </p>
  1222.            </div>
  1223.        </div>
  1224.        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-5">
  1225.        <div class="col d-flex align-items-stretch">
  1226.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-orange" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#f59e42,#fbbf24)1;box-shadow:0 8px 40px rgba(245,158,66,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1227.            <div class="card-header bg-gradient-to-r from-orange-400 to-orange-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1228.                <h3 class="mb-0" style="color:#fff;">
  1229.                    <i class="fas fa-dice me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>OLX188
  1230.                </h3>
  1231.                <div class="mt-2">
  1232.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1233.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1234.                        30,579 Online
  1235.                    </span>
  1236.                </div>
  1237.            </div>
  1238.            <div class="card-body pb-0 px-4">
  1239.                <p class="card-text fs-6 mb-3">Slot online dengan RTP tinggi, provider resmi, dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8%.</p>
  1240.                <ul class="feature-list mb-4">
  1241.                                        <li class="mb-2">
  1242.                        <i class="fas fa-check text-success me-2"></i>RTP 97%
  1243.                    </li>
  1244.                                        <li class="mb-2">
  1245.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1246.                    </li>
  1247.                                        <li class="mb-2">
  1248.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1249.                    </li>
  1250.                                        <li class="mb-2">
  1251.                        <i class="fas fa-check text-success me-2"></i>Support 24/7
  1252.                    </li>
  1253.                                        <li class="mb-2">
  1254.                        <i class="fas fa-check text-success me-2"></i>Mobile Friendly
  1255.                    </li>
  1256.                                    </ul>
  1257.            </div>
  1258.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1259.                <a href="http://discountbp.com/slot/olx188" class="btn btn-warning w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#f59e42,#fbbf24);border:none;">
  1260.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1261.                </a>
  1262.            </div>
  1263.        </div>
  1264.    </div>
  1265.        <div class="col d-flex align-items-stretch">
  1266.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-green" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#22c55e,#16a34a)1;box-shadow:0 8px 40px rgba(34,197,94,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1267.            <div class="card-header bg-gradient-to-r from-green-400 to-green-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1268.                <h3 class="mb-0" style="color:#fff;">
  1269.                    <i class="fas fa-star me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>OLX288
  1270.                </h3>
  1271.                <div class="mt-2">
  1272.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1273.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1274.                        12,221 Online
  1275.                    </span>
  1276.                </div>
  1277.            </div>
  1278.            <div class="card-body pb-0 px-4">
  1279.                <p class="card-text fs-6 mb-3">Slot premium dengan jackpot progresif dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% terbesar.</p>
  1280.                <ul class="feature-list mb-4">
  1281.                                        <li class="mb-2">
  1282.                        <i class="fas fa-check text-success me-2"></i>Jackpot Progresif
  1283.                    </li>
  1284.                                        <li class="mb-2">
  1285.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1286.                    </li>
  1287.                                        <li class="mb-2">
  1288.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1289.                    </li>
  1290.                                        <li class="mb-2">
  1291.                        <i class="fas fa-check text-success me-2"></i>Event Harian
  1292.                    </li>
  1293.                                        <li class="mb-2">
  1294.                        <i class="fas fa-check text-success me-2"></i>VIP Program
  1295.                    </li>
  1296.                                    </ul>
  1297.            </div>
  1298.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1299.                <a href="http://discountbp.com/slot/olx288" class="btn btn-success w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#22c55e,#16a34a);border:none;">
  1300.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1301.                </a>
  1302.            </div>
  1303.        </div>
  1304.    </div>
  1305.        <div class="col d-flex align-items-stretch">
  1306.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-blue" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#3b82f6,#1d4ed8)1;box-shadow:0 8px 40px rgba(59,130,246,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1307.            <div class="card-header bg-gradient-to-r from-blue-400 to-blue-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1308.                <h3 class="mb-0" style="color:#fff;">
  1309.                    <i class="fas fa-gem me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Agen77
  1310.                </h3>
  1311.                <div class="mt-2">
  1312.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1313.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1314.                        11,027 Online
  1315.                    </span>
  1316.                </div>
  1317.            </div>
  1318.            <div class="card-body pb-0 px-4">
  1319.                <p class="card-text fs-6 mb-3">Slot dengan minimal bet rendah, WD cepat, dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8%.</p>
  1320.                <ul class="feature-list mb-4">
  1321.                                        <li class="mb-2">
  1322.                        <i class="fas fa-check text-success me-2"></i>Minimal Bet 200
  1323.                    </li>
  1324.                                        <li class="mb-2">
  1325.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1326.                    </li>
  1327.                                        <li class="mb-2">
  1328.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1329.                    </li>
  1330.                                        <li class="mb-2">
  1331.                        <i class="fas fa-check text-success me-2"></i>WD Cepat
  1332.                    </li>
  1333.                                        <li class="mb-2">
  1334.                        <i class="fas fa-check text-success me-2"></i>Komunitas Aktif
  1335.                    </li>
  1336.                                    </ul>
  1337.            </div>
  1338.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1339.                <a href="http://discountbp.com/slot/agen77" class="btn btn-primary w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#3b82f6,#1d4ed8);border:none;">
  1340.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1341.                </a>
  1342.            </div>
  1343.        </div>
  1344.    </div>
  1345.        <div class="col d-flex align-items-stretch">
  1346.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-purple" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#8b5cf6,#7c3aed)1;box-shadow:0 8px 40px rgba(139,92,246,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1347.            <div class="card-header bg-gradient-to-r from-purple-400 to-purple-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1348.                <h3 class="mb-0" style="color:#fff;">
  1349.                    <i class="fas fa-crown me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>RatuCasino88
  1350.                </h3>
  1351.                <div class="mt-2">
  1352.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1353.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1354.                        22,758 Online
  1355.                    </span>
  1356.                </div>
  1357.            </div>
  1358.            <div class="card-body pb-0 px-4">
  1359.                <p class="card-text fs-6 mb-3">Slot casino online dengan live RTP dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% seumur hidup.</p>
  1360.                <ul class="feature-list mb-4">
  1361.                                        <li class="mb-2">
  1362.                        <i class="fas fa-check text-success me-2"></i>Live RTP
  1363.                    </li>
  1364.                                        <li class="mb-2">
  1365.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1366.                    </li>
  1367.                                        <li class="mb-2">
  1368.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1369.                    </li>
  1370.                                        <li class="mb-2">
  1371.                        <i class="fas fa-check text-success me-2"></i>VIP Member
  1372.                    </li>
  1373.                                        <li class="mb-2">
  1374.                        <i class="fas fa-check text-success me-2"></i>Komunitas Ramai
  1375.                    </li>
  1376.                                    </ul>
  1377.            </div>
  1378.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1379.                <a href="http://discountbp.com/slot/ratucasino88" class="btn btn-warning w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#8b5cf6,#7c3aed);border:none;">
  1380.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1381.                </a>
  1382.            </div>
  1383.        </div>
  1384.    </div>
  1385.        <div class="col d-flex align-items-stretch">
  1386.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-pink" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#ec4899,#db2777)1;box-shadow:0 8px 40px rgba(236,72,153,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1387.            <div class="card-header bg-gradient-to-r from-pink-400 to-pink-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1388.                <h3 class="mb-0" style="color:#fff;">
  1389.                    <i class="fas fa-calendar-day me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Ratu77
  1390.                </h3>
  1391.                <div class="mt-2">
  1392.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1393.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1394.                        14,124 Online
  1395.                    </span>
  1396.                </div>
  1397.            </div>
  1398.            <div class="card-body pb-0 px-4">
  1399.                <p class="card-text fs-6 mb-3">Slot dengan bonus harian, turnamen slot, dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8%.</p>
  1400.                <ul class="feature-list mb-4">
  1401.                                        <li class="mb-2">
  1402.                        <i class="fas fa-check text-success me-2"></i>Bonus Harian
  1403.                    </li>
  1404.                                        <li class="mb-2">
  1405.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1406.                    </li>
  1407.                                        <li class="mb-2">
  1408.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1409.                    </li>
  1410.                                        <li class="mb-2">
  1411.                        <i class="fas fa-check text-success me-2"></i>Turnamen Slot
  1412.                    </li>
  1413.                                        <li class="mb-2">
  1414.                        <i class="fas fa-check text-success me-2"></i>Fair Play
  1415.                    </li>
  1416.                                    </ul>
  1417.            </div>
  1418.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1419.                <a href="http://discountbp.com/slot/ratu77" class="btn btn-info w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#ec4899,#db2777);border:none;">
  1420.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1421.                </a>
  1422.            </div>
  1423.        </div>
  1424.    </div>
  1425.        <div class="col d-flex align-items-stretch">
  1426.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-teal" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#14b8a6,#0d9488)1;box-shadow:0 8px 40px rgba(20,184,166,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1427.            <div class="card-header bg-gradient-to-r from-teal-400 to-teal-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1428.                <h3 class="mb-0" style="color:#fff;">
  1429.                    <i class="fas fa-mobile-alt me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>AOS77
  1430.                </h3>
  1431.                <div class="mt-2">
  1432.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1433.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1434.                        17,412 Online
  1435.                    </span>
  1436.                </div>
  1437.            </div>
  1438.            <div class="card-body pb-0 px-4">
  1439.                <p class="card-text fs-6 mb-3">Slot online dengan provider terlengkap dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% terbesar.</p>
  1440.                <ul class="feature-list mb-4">
  1441.                                        <li class="mb-2">
  1442.                        <i class="fas fa-check text-success me-2"></i>Provider Lengkap
  1443.                    </li>
  1444.                                        <li class="mb-2">
  1445.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1446.                    </li>
  1447.                                        <li class="mb-2">
  1448.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1449.                    </li>
  1450.                                        <li class="mb-2">
  1451.                        <i class="fas fa-check text-success me-2"></i>Support 24/7
  1452.                    </li>
  1453.                                        <li class="mb-2">
  1454.                        <i class="fas fa-check text-success me-2"></i>Mobile Friendly
  1455.                    </li>
  1456.                                    </ul>
  1457.            </div>
  1458.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1459.                <a href="http://discountbp.com/slot/aos77" class="btn btn-secondary w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#14b8a6,#0d9488);border:none;">
  1460.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1461.                </a>
  1462.            </div>
  1463.        </div>
  1464.    </div>
  1465.        <div class="col d-flex align-items-stretch">
  1466.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-indigo" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#6366f1,#4f46e5)1;box-shadow:0 8px 40px rgba(99,102,241,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1467.            <div class="card-header bg-gradient-to-r from-indigo-400 to-indigo-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1468.                <h3 class="mb-0" style="color:#fff;">
  1469.                    <i class="fas fa-fire me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Udin88
  1470.                </h3>
  1471.                <div class="mt-2">
  1472.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1473.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1474.                        35,197 Online
  1475.                    </span>
  1476.                </div>
  1477.            </div>
  1478.            <div class="card-body pb-0 px-4">
  1479.                <p class="card-text fs-6 mb-3">Slot online dengan minimal deposit rendah dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% harian.</p>
  1480.                <ul class="feature-list mb-4">
  1481.                                        <li class="mb-2">
  1482.                        <i class="fas fa-check text-success me-2"></i>Minimal Deposit Rendah
  1483.                    </li>
  1484.                                        <li class="mb-2">
  1485.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1486.                    </li>
  1487.                                        <li class="mb-2">
  1488.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1489.                    </li>
  1490.                                        <li class="mb-2">
  1491.                        <i class="fas fa-check text-success me-2"></i>Jackpot Besar
  1492.                    </li>
  1493.                                        <li class="mb-2">
  1494.                        <i class="fas fa-check text-success me-2"></i>Provider Terlengkap
  1495.                    </li>
  1496.                                    </ul>
  1497.            </div>
  1498.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1499.                <a href="http://discountbp.com/slot/udin88" class="btn btn-dark w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#6366f1,#4f46e5);border:none;">
  1500.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1501.                </a>
  1502.            </div>
  1503.        </div>
  1504.    </div>
  1505.        <div class="col d-flex align-items-stretch">
  1506.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-red" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#ef4444,#dc2626)1;box-shadow:0 8px 40px rgba(239,68,68,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1507.            <div class="card-header bg-gradient-to-r from-red-400 to-red-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1508.                <h3 class="mb-0" style="color:#fff;">
  1509.                    <i class="fas fa-gift me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>OBI9
  1510.                </h3>
  1511.                <div class="mt-2">
  1512.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1513.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1514.                        11,470 Online
  1515.                    </span>
  1516.                </div>
  1517.            </div>
  1518.            <div class="card-body pb-0 px-4">
  1519.                <p class="card-text fs-6 mb-3">Slot dengan RTP tinggi dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% untuk pemain baru.</p>
  1520.                <ul class="feature-list mb-4">
  1521.                                        <li class="mb-2">
  1522.                        <i class="fas fa-check text-success me-2"></i>RTP Tinggi
  1523.                    </li>
  1524.                                        <li class="mb-2">
  1525.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1526.                    </li>
  1527.                                        <li class="mb-2">
  1528.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1529.                    </li>
  1530.                                        <li class="mb-2">
  1531.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member
  1532.                    </li>
  1533.                                        <li class="mb-2">
  1534.                        <i class="fas fa-check text-success me-2"></i>WD Cepat
  1535.                    </li>
  1536.                                    </ul>
  1537.            </div>
  1538.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1539.                <a href="http://discountbp.com/slot/obi9" class="btn btn-danger w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#ef4444,#dc2626);border:none;">
  1540.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1541.                </a>
  1542.            </div>
  1543.        </div>
  1544.    </div>
  1545.        <div class="col d-flex align-items-stretch">
  1546.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-cyan" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#06b6d4,#0891b2)1;box-shadow:0 8px 40px rgba(6,182,212,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1547.            <div class="card-header bg-gradient-to-r from-cyan-400 to-cyan-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1548.                <h3 class="mb-0" style="color:#fff;">
  1549.                    <i class="fas fa-fish me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>9koi
  1550.                </h3>
  1551.                <div class="mt-2">
  1552.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1553.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1554.                        25,280 Online
  1555.                    </span>
  1556.                </div>
  1557.            </div>
  1558.            <div class="card-body pb-0 px-4">
  1559.                <p class="card-text fs-6 mb-3">Slot dengan tema ikan koi dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% terbesar.</p>
  1560.                <ul class="feature-list mb-4">
  1561.                                        <li class="mb-2">
  1562.                        <i class="fas fa-check text-success me-2"></i>Tema Koi
  1563.                    </li>
  1564.                                        <li class="mb-2">
  1565.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1566.                    </li>
  1567.                                        <li class="mb-2">
  1568.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1569.                    </li>
  1570.                                        <li class="mb-2">
  1571.                        <i class="fas fa-check text-success me-2"></i>Jackpot Progresif
  1572.                    </li>
  1573.                                        <li class="mb-2">
  1574.                        <i class="fas fa-check text-success me-2"></i>Event Khusus
  1575.                    </li>
  1576.                                    </ul>
  1577.            </div>
  1578.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1579.                <a href="http://discountbp.com/slot/9koi" class="btn btn-info w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#06b6d4,#0891b2);border:none;">
  1580.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1581.                </a>
  1582.            </div>
  1583.        </div>
  1584.    </div>
  1585.        <div class="col d-flex align-items-stretch">
  1586.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-amber" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#f59e0b,#d97706)1;box-shadow:0 8px 40px rgba(245,158,11,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1587.            <div class="card-header bg-gradient-to-r from-amber-400 to-amber-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1588.                <h3 class="mb-0" style="color:#fff;">
  1589.                    <i class="fas fa-dragon me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>9naga
  1590.                </h3>
  1591.                <div class="mt-2">
  1592.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1593.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1594.                        29,903 Online
  1595.                    </span>
  1596.                </div>
  1597.            </div>
  1598.            <div class="card-body pb-0 px-4">
  1599.                <p class="card-text fs-6 mb-3">Slot dengan tema naga dengan Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% untuk member setia.</p>
  1600.                <ul class="feature-list mb-4">
  1601.                                        <li class="mb-2">
  1602.                        <i class="fas fa-check text-success me-2"></i>Tema Naga
  1603.                    </li>
  1604.                                        <li class="mb-2">
  1605.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1606.                    </li>
  1607.                                        <li class="mb-2">
  1608.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1609.                    </li>
  1610.                                        <li class="mb-2">
  1611.                        <i class="fas fa-check text-success me-2"></i>VIP Program
  1612.                    </li>
  1613.                                        <li class="mb-2">
  1614.                        <i class="fas fa-check text-success me-2"></i>Turnamen Harian
  1615.                    </li>
  1616.                                    </ul>
  1617.            </div>
  1618.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1619.                <a href="http://discountbp.com/slot/9naga" class="btn btn-warning w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#f59e0b,#d97706);border:none;">
  1620.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1621.                </a>
  1622.            </div>
  1623.        </div>
  1624.    </div>
  1625.        <div class="col d-flex align-items-stretch">
  1626.        <div class="platform-card h-100 w-100 bg-[#23232a]/80 text-[#f3f3f3] shadow-2xl rounded-4 p-0 transition-all duration-300 border border-gradient-emerald" style="backdrop-filter:blur(12px);border-image:linear-gradient(90deg,#10b981,#059669)1;box-shadow:0 8px 40px rgba(16,185,129,0.15);font-family:'Inter','Poppins','Montserrat',sans-serif;">
  1627.            <div class="card-header bg-gradient-to-r from-emerald-400 to-emerald-600 text-white text-center py-4 rounded-top-4" style="font-size:1.5rem;letter-spacing:1px;">
  1628.                <h3 class="mb-0" style="color:#fff;">
  1629.                    <i class="fas fa-users me-2 fs-2" style="color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(251,191,36,0.5);filter:drop-shadow(0 0 10px rgba(251,191,36,0.3));"></i>Warga777
  1630.                </h3>
  1631.                <div class="mt-2">
  1632.                    <span class="badge bg-success bg-opacity-90 text-white px-3 py-1 rounded-pill fs-6 fw-bold animate__animated animate__pulse animate__infinite" style="font-size:0.95rem;box-shadow:0 2px 8px rgba(34,197,94,0.3);">
  1633.                        <i class="fas fa-circle text-warning me-1 animate__animated animate__pulse animate__infinite" style="font-size:0.7rem;"></i>
  1634.                        43,187 Online
  1635.                    </span>
  1636.                </div>
  1637.            </div>
  1638.            <div class="card-body pb-0 px-4">
  1639.                <p class="card-text fs-6 mb-3">Slot komunitas terbesar denga Bonus New Member hingga 100% dan Bonus cashback 1% hingga 8% dan event seru.</p>
  1640.                <ul class="feature-list mb-4">
  1641.                                        <li class="mb-2">
  1642.                        <i class="fas fa-check text-success me-2"></i>Komunitas Terbesar
  1643.                    </li>
  1644.                                        <li class="mb-2">
  1645.                        <i class="fas fa-check text-success me-2"></i>Bonus Cashback 1% hingga 8%
  1646.                    </li>
  1647.                                        <li class="mb-2">
  1648.                        <i class="fas fa-check text-success me-2"></i>Bonus New Member hingga 100%
  1649.                    </li>
  1650.                                        <li class="mb-2">
  1651.                        <i class="fas fa-check text-success me-2"></i>Event Komunitas
  1652.                    </li>
  1653.                                        <li class="mb-2">
  1654.                        <i class="fas fa-check text-success me-2"></i>Support 24/7
  1655.                    </li>
  1656.                                    </ul>
  1657.            </div>
  1658.            <div class="card-footer bg-[#1a1a22]/80 text-center rounded-bottom-4 border-0 p-3">
  1659.                <a href="http://discountbp.com/slot/warga777" class="btn btn-success w-100 fw-bold shadow pulse-glow rounded-3 fs-5" style="background:linear-gradient(90deg,#10b981,#059669);border:none;">
  1660.                    <i class="fas fa-play me-2"></i>Mainkan Sekarang
  1661.                </a>
  1662.            </div>
  1663.        </div>
  1664.    </div>
  1665.    </div>     </div>
  1666. </section>
  1667.  
  1668. <!-- Testimonials Section -->
  1669. <section class="py-5" style="background: linear-gradient(135deg, #0f3460 0%, #533483 100%);">
  1670.    <div class="container">
  1671.        <div class="row">
  1672.            <div class="col-12 text-center mb-5">
  1673.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #ec4899, #db2777); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  1674.                    Testimoni Member
  1675.                </h2>
  1676.                <p class="lead text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  1677.                    Apa kata member kami tentang pengalaman bermain dan bonus cashback 0.5% serta referral 20%
  1678.                </p>
  1679.            </div>
  1680.        </div>
  1681.        <div class="row g-4">
  1682.            <div class="col-md-4">
  1683.                <div class="testimonial-card p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  1684.                    <div class="d-flex align-items-center mb-3">
  1685.                        <div class="avatar me-3" style="width: 60px; height: 60px; background: linear-gradient(45deg, #f59e42, #fbbf24); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
  1686.                            <i class="fas fa-user text-white" style="font-size: 1.5rem;"></i>
  1687.                        </div>
  1688.                        <div>
  1689.                            <h5 class="text-white fw-bold mb-1" style="font-family: 'Inter', sans-serif;">Ahmad R.</h5>
  1690.                            <div class="rating">
  1691.                                <i class="fas fa-star text-warning"></i>
  1692.                                <i class="fas fa-star text-warning"></i>
  1693.                                <i class="fas fa-star text-warning"></i>
  1694.                                <i class="fas fa-star text-warning"></i>
  1695.                                <i class="fas fa-star text-warning"></i>
  1696.                            </div>
  1697.                        </div>
  1698.                    </div>
  1699.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1700.                        "Platform terbaik yang pernah saya coba. RTP tinggi, bonus cashback 0.5%, referral 20%, dan WD cepat. Support sangat ramah dan membantu."
  1701.                    </p>
  1702.                </div>
  1703.            </div>
  1704.            <div class="col-md-4">
  1705.                <div class="testimonial-card p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  1706.                    <div class="d-flex align-items-center mb-3">
  1707.                        <div class="avatar me-3" style="width: 60px; height: 60px; background: linear-gradient(45deg, #22c55e, #16a34a); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
  1708.                            <i class="fas fa-user text-white" style="font-size: 1.5rem;"></i>
  1709.                        </div>
  1710.                        <div>
  1711.                            <h5 class="text-white fw-bold mb-1" style="font-family: 'Inter', sans-serif;">Sarah M.</h5>
  1712.                            <div class="rating">
  1713.                                <i class="fas fa-star text-warning"></i>
  1714.                                <i class="fas fa-star text-warning"></i>
  1715.                                <i class="fas fa-star text-warning"></i>
  1716.                                <i class="fas fa-star text-warning"></i>
  1717.                                <i class="fas fa-star text-warning"></i>
  1718.                            </div>
  1719.                        </div>
  1720.                    </div>
  1721.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1722.                        "Bonus cashback 0.5% dan referral 20% sangat menguntungkan. Game slot lengkap dengan provider terbaik."
  1723.                    </p>
  1724.                </div>
  1725.            </div>
  1726.            <div class="col-md-4">
  1727.                <div class="testimonial-card p-4 h-100" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
  1728.                    <div class="d-flex align-items-center mb-3">
  1729.                        <div class="avatar me-3" style="width: 60px; height: 60px; background: linear-gradient(45deg, #3b82f6, #1d4ed8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
  1730.                            <i class="fas fa-user text-white" style="font-size: 1.5rem;"></i>
  1731.                        </div>
  1732.                        <div>
  1733.                            <h5 class="text-white fw-bold mb-1" style="font-family: 'Inter', sans-serif;">Budi K.</h5>
  1734.                            <div class="rating">
  1735.                                <i class="fas fa-star text-warning"></i>
  1736.                                <i class="fas fa-star text-warning"></i>
  1737.                                <i class="fas fa-star text-warning"></i>
  1738.                                <i class="fas fa-star text-warning"></i>
  1739.                                <i class="fas fa-star text-warning"></i>
  1740.                            </div>
  1741.                        </div>
  1742.                    </div>
  1743.                    <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1744.                        "Sudah 2 tahun bermain di sini. Platform stabil, bonus cashback 0.5% dan referral 20% terjamin setiap minggu, tidak pernah ada masalah. Highly recommended!"
  1745.                    </p>
  1746.                </div>
  1747.            </div>
  1748.        </div>
  1749.    </div>
  1750. </section>
  1751.  
  1752. <!-- FAQ Section -->
  1753. <section class="py-5" style="background: linear-gradient(135deg, #533483 0%, #0f0f23 100%);">
  1754.    <div class="container">
  1755.        <div class="row">
  1756.            <div class="col-12 text-center mb-5">
  1757.                <h2 class="display-4 fw-bold text-gradient mb-3" style="background: linear-gradient(45deg, #a78bfa, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  1758.                    Pertanyaan Umum
  1759.                </h2>
  1760.                <p class="lead text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  1761.                    Temukan jawaban untuk pertanyaan tentang bonus cashback 0.5% dan referral 20% setiap minggunya
  1762.                </p>
  1763.            </div>
  1764.        </div>
  1765.        <div class="row justify-content-center">
  1766.            <div class="col-lg-8">
  1767.                <div class="accordion" id="faqAccordion">
  1768.                    <div class="accordion-item mb-3" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; overflow: hidden;">
  1769.                        <h2 class="accordion-header">
  1770.                            <button class="accordion-button collapsed text-white fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" style="background: rgba(255,255,255,0.05); border: none; font-family: 'Inter', sans-serif;">
  1771.                                <i class="fas fa-question-circle me-3 text-warning"></i>
  1772.                                Apakah platform ini aman dan terpercaya untuk bonus?
  1773.                            </button>
  1774.                        </h2>
  1775.                        <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
  1776.                            <div class="accordion-body text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1777.                                Ya, semua platform yang kami rekomendasikan telah teruji dan memiliki lisensi resmi. Kami hanya bekerja dengan platform terpercaya yang telah beroperasi selama bertahun-tahun dengan bonus cashback 0.5% dan referral 20% yang terjamin setiap minggunya.
  1778.                            </div>
  1779.                        </div>
  1780.                    </div>
  1781.                    <div class="accordion-item mb-3" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; overflow: hidden;">
  1782.                        <h2 class="accordion-header">
  1783.                            <button class="accordion-button collapsed text-white fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" style="background: rgba(255,255,255,0.05); border: none; font-family: 'Inter', sans-serif;">
  1784.                                <i class="fas fa-money-bill-wave me-3 text-success"></i>
  1785.                                Berapa minimal deposit dan withdraw untuk bonus cashback?
  1786.                            </button>
  1787.                        </h2>
  1788.                        <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
  1789.                            <div class="accordion-body text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1790.                                Minimal deposit bervariasi mulai dari Rp 10.000 hingga Rp 50.000 tergantung platform. Minimal withdraw mulai dari Rp 50.000 dengan proses yang cepat dan aman. Bonus cashback 0.5% dan referral 20% diberikan setiap minggu.
  1791.                            </div>
  1792.                        </div>
  1793.                    </div>
  1794.                    <div class="accordion-item mb-3" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; overflow: hidden;">
  1795.                        <h2 class="accordion-header">
  1796.                            <button class="accordion-button collapsed text-white fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" style="background: rgba(255,255,255,0.05); border: none; font-family: 'Inter', sans-serif;">
  1797.                                <i class="fas fa-gift me-3 text-warning"></i>
  1798.                                Bagaimana cara klaim bonus cashback dan referral?
  1799.                            </button>
  1800.                        </h2>
  1801.                        <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
  1802.                            <div class="accordion-body text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1803.                                Setelah mendaftar dan melakukan deposit pertama, bonus cashback 0.5% dan referral 20% akan otomatis dikreditkan ke akun Anda setiap minggu. Hubungi customer service melalui live chat untuk informasi lebih lanjut.
  1804.                            </div>
  1805.                        </div>
  1806.                    </div>
  1807.                    <div class="accordion-item mb-3" style="background: rgba(255,255,255,0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; overflow: hidden;">
  1808.                        <h2 class="accordion-header">
  1809.                            <button class="accordion-button collapsed text-white fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" style="background: rgba(255,255,255,0.05); border: none; font-family: 'Inter', sans-serif;">
  1810.                                <i class="fas fa-headset me-3 text-info"></i>
  1811.                                Apakah ada customer service 24/7 untuk bonus?
  1812.                            </button>
  1813.                        </h2>
  1814.                        <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
  1815.                            <div class="accordion-body text-light" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1816.                                Ya, semua platform menyediakan customer service 24/7 melalui live chat, WhatsApp, dan Telegram. Tim support kami siap membantu Anda kapan saja untuk klaim bonus cashback 0.5% dan referral 20% setiap minggunya.
  1817.                            </div>
  1818.                        </div>
  1819.                    </div>
  1820.                </div>
  1821.            </div>
  1822.        </div>
  1823.    </div>
  1824. </section>
  1825.  
  1826. <!-- CTA Section -->
  1827. <section class="py-5" style="background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);">
  1828.    <div class="container">
  1829.        <div class="row justify-content-center">
  1830.            <div class="col-lg-8 text-center">
  1831.                <h2 class="display-4 fw-bold text-gradient mb-4" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif;">
  1832.                    Siap Untuk Bermain dan Dapatkan Bonus?
  1833.                </h2>
  1834.                <p class="lead text-light mb-5" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1835.                    Bergabunglah dengan ribuan member lainnya dan nikmati pengalaman gaming terbaik. Daftar sekarang dan dapatkan bonus cashback 0.5% dan referral 20% setiap minggunya!
  1836.                </p>
  1837.                <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center">
  1838.                    <a href="#pkv-platforms" class="btn btn-warning btn-lg fw-bold shadow-lg pulse-glow rounded-3 px-5 py-3" style="background: linear-gradient(45deg, #f59e42, #fbbf24); border: none; font-size: 1.2rem; letter-spacing: 1px;">
  1839.                        <i class="fas fa-play me-2"></i>Mulai Bermain PKV & Dapatkan Bonus Cashback
  1840.                    </a>
  1841.                    <a href="#slot-platforms" class="btn btn-success btn-lg fw-bold shadow-lg pulse-glow rounded-3 px-5 py-3" style="background: linear-gradient(45deg, #22c55e, #16a34a); border: none; font-size: 1.2rem; letter-spacing: 1px;">
  1842.                        <i class="fas fa-dice me-2"></i>Mainkan Slot & Dapatkan Bonus
  1843.                    </a>
  1844.                </div>
  1845.            </div>
  1846.        </div>
  1847.    </div>
  1848. </section>
  1849.  
  1850. <!-- Custom CSS -->
  1851. <style>
  1852. @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
  1853.  
  1854. .text-gradient {
  1855.    background: linear-gradient(45deg, #f59e42, #fbbf24, #22c55e, #3b82f6);
  1856.    -webkit-background-clip: text;
  1857.    -webkit-text-fill-color: transparent;
  1858.    background-clip: text;
  1859. }
  1860.  
  1861. .pulse-glow {
  1862.    animation: pulse-glow 2s infinite;
  1863. }
  1864.  
  1865. @keyframes pulse-glow {
  1866.    0% {
  1867.        box-shadow: 0 0 5px rgba(245,158,66,0.5);
  1868.    }
  1869.    50% {
  1870.        box-shadow: 0 0 20px rgba(245,158,66,0.8), 0 0 30px rgba(245,158,66,0.6);
  1871.    }
  1872.    100% {
  1873.        box-shadow: 0 0 5px rgba(245,158,66,0.5);
  1874.    }
  1875. }
  1876.  
  1877. @keyframes float {
  1878.    0%, 100% {
  1879.        transform: translateY(0px);
  1880.    }
  1881.    50% {
  1882.        transform: translateY(-20px);
  1883.    }
  1884. }
  1885.  
  1886. @keyframes bounce {
  1887.    0%, 20%, 50%, 80%, 100% {
  1888.        transform: translateY(0);
  1889.    }
  1890.    40% {
  1891.        transform: translateY(-10px);
  1892.    }
  1893.    60% {
  1894.        transform: translateY(-5px);
  1895.    }
  1896. }
  1897.  
  1898. @keyframes blink {
  1899.    0%, 50% { opacity: 1; }
  1900.    51%, 100% { opacity: 0.3; }
  1901. }
  1902.  
  1903. .feature-card:hover,
  1904. .testimonial-card:hover,
  1905. .platform-card:hover {
  1906.    transform: translateY(-10px);
  1907.    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  1908. }
  1909.  
  1910. .accordion-button:not(.collapsed) {
  1911.    background: rgba(245,158,66,0.1) !important;
  1912.    color: #f59e42 !important;
  1913. }
  1914.  
  1915. .accordion-button:focus {
  1916.    box-shadow: 0 0 0 0.25rem rgba(245,158,66,0.25);
  1917. }
  1918.  
  1919. .btn:hover {
  1920.    transform: translateY(-2px);
  1921.    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  1922. }
  1923.  
  1924. .floating-card {
  1925.    background: rgba(255,255,255,0.1);
  1926.    backdrop-filter: blur(10px);
  1927.    border-radius: 50%;
  1928.    width: 60px;
  1929.    height: 60px;
  1930.    display: flex;
  1931.    align-items: center;
  1932.    justify-content: center;
  1933.    border: 1px solid rgba(255,255,255,0.2);
  1934. }
  1935.  
  1936. @media (max-width: 768px) {
  1937.    .hero-section {
  1938.        min-height: 80vh;
  1939.    }
  1940.    
  1941.    .display-3 {
  1942.        font-size: 2.5rem;
  1943.    }
  1944.    
  1945.    .hero-icon-container {
  1946.        width: 200px !important;
  1947.        height: 200px !important;
  1948.    }
  1949.    
  1950.    .hero-icon-container i {
  1951.        font-size: 5rem !important;
  1952.    }
  1953. }
  1954. </style>
  1955.  
  1956. <!-- Footer -->
  1957. <footer class="py-5" style="background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%); border-top: 1px solid rgba(255,255,255,0.1);">
  1958.    <div class="container">
  1959.        <div class="row">
  1960.            <div class="col-12 text-center">
  1961.                <p class="text-light mb-3" style="font-family: 'Inter', sans-serif; opacity: 0.8;">
  1962.                    &copy; 2024 PKV & Slot Platform. Semua hak dilindungi.
  1963.                </p>
  1964.                
  1965.                <!-- RTP MASTER Sponsor -->
  1966.                <div class="rtp-master-sponsor mx-auto" style="max-width: 500px; padding: 1.5rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; text-align: center; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.2);">
  1967.                    <div class="sponsor-icon" style="font-size: 2rem; margin-bottom: 0.5rem; animation: pulse 2s infinite;">🎯</div>
  1968.                    <h4 style="font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Sponsored by RTP MASTER</h4>
  1969.                    <p style="font-size: 0.9rem; margin-bottom: 1rem; opacity: 0.9;">
  1970.                        Platform RTP Live terpercaya dengan informasi RTP slot terlengkap dan akurat
  1971.                    </p>
  1972.                    <a href="https://rtpmaster.org/" target="_blank" rel="noopener noreferrer" style="display: inline-block; background: rgba(255,255,255,0.2); color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 20px; font-weight: bold; transition: all 0.3s ease; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3); font-size: 0.9rem;">
  1973.                        Kunjungi RTP MASTER
  1974.                    </a>
  1975.                </div>
  1976.            </div>
  1977.        </div>
  1978.    </div>
  1979. </footer>
  1980.    </main>
  1981.  
  1982.    <!-- Footer -->
  1983.    <footer class="footer-section py-5" style="background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%); border-top: 1px solid rgba(255,255,255,0.1);">
  1984.    <div class="container">
  1985.        <div class="row g-4">
  1986.            <!-- Company Info -->
  1987.            <div class="col-lg-4 col-md-6">
  1988.                <div class="footer-widget">
  1989.                    <div class="footer-logo mb-4">
  1990.                        <h3 class="text-gradient fw-bold mb-2" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Inter', 'Poppins', sans-serif; font-size: 1.8rem;">
  1991.                            <i class="fas fa-dice-d20 me-2"></i>PKV & Slot
  1992.                        </h3>
  1993.                        <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.8; line-height: 1.6;">
  1994.                            Platform gaming terpercaya dengan RTP tinggi, bonus cashback 0.5%, referral 20% setiap minggunya, dan support 24/7.
  1995.                            Nikmati pengalaman bermain terbaik bersama ribuan member lainnya.
  1996.                        </p>
  1997.                    </div>
  1998.                    <div class="social-links">
  1999.                        <h5 class="text-white fw-bold mb-3" style="font-family: 'Inter', sans-serif;">Ikuti Kami</h5>
  2000.                        <div class="d-flex gap-3">
  2001.                            <a href="#" class="social-link" style="width: 45px; height: 45px; background: linear-gradient(45deg, #f59e42, #fbbf24); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(245,158,66,0.3);">
  2002.                                <i class="fab fa-facebook-f text-white"></i>
  2003.                            </a>
  2004.                            <a href="#" class="social-link" style="width: 45px; height: 45px; background: linear-gradient(45deg, #22c55e, #16a34a); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(34,197,94,0.3);">
  2005.                                <i class="fab fa-whatsapp text-white"></i>
  2006.                            </a>
  2007.                            <a href="#" class="social-link" style="width: 45px; height: 45px; background: linear-gradient(45deg, #3b82f6, #1d4ed8); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(59,130,246,0.3);">
  2008.                                <i class="fab fa-telegram text-white"></i>
  2009.                            </a>
  2010.                            <a href="#" class="social-link" style="width: 45px; height: 45px; background: linear-gradient(45deg, #ec4899, #db2777); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(236,72,153,0.3);">
  2011.                                <i class="fab fa-instagram text-white"></i>
  2012.                            </a>
  2013.                        </div>
  2014.                    </div>
  2015.                </div>
  2016.            </div>
  2017.  
  2018.            <!-- Quick Links -->
  2019.            <div class="col-lg-2 col-md-6">
  2020.                <div class="footer-widget">
  2021.                    <h5 class="text-white fw-bold mb-4" style="font-family: 'Inter', sans-serif;">Platform PKV</h5>
  2022.                    <ul class="footer-links list-unstyled">
  2023.                        <li class="mb-2">
  2024.                            <a href="http://discountbp.com/pkv/depoqq" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2025.                                <i class="fas fa-chevron-right me-2 text-warning"></i>DepoQQ
  2026.                            </a>
  2027.                        </li>
  2028.                        <li class="mb-2">
  2029.                            <a href="http://discountbp.com/pkv/wedeqq" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2030.                                <i class="fas fa-chevron-right me-2 text-warning"></i>WedeQQ
  2031.                            </a>
  2032.                        </li>
  2033.                        <li class="mb-2">
  2034.                            <a href="http://discountbp.com/pkv/cebanqq" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2035.                                <i class="fas fa-chevron-right me-2 text-warning"></i>CebanQQ
  2036.                            </a>
  2037.                        </li>
  2038.                        <li class="mb-2">
  2039.                            <a href="http://discountbp.com/pkv/arenaqq" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2040.                                <i class="fas fa-chevron-right me-2 text-warning"></i>ArenaQQ
  2041.                            </a>
  2042.                        </li>
  2043.                        <li class="mb-2">
  2044.                            <a href="http://discountbp.com/pkv/adaqq" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2045.                                <i class="fas fa-chevron-right me-2 text-warning"></i>Adaqq
  2046.                            </a>
  2047.                        </li>
  2048.                    </ul>
  2049.                </div>
  2050.            </div>
  2051.  
  2052.            <!-- Platform Links -->
  2053.            <div class="col-lg-2 col-md-6">
  2054.                <div class="footer-widget">
  2055.                    <h5 class="text-white fw-bold mb-4" style="font-family: 'Inter', sans-serif;">Platform Slot</h5>
  2056.                    <ul class="footer-links list-unstyled">
  2057.                        <li class="mb-2">
  2058.                            <a href="http://discountbp.com/slot/olx188" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2059.                                <i class="fas fa-chevron-right me-2 text-success"></i>OLX188
  2060.                            </a>
  2061.                        </li>
  2062.                        <li class="mb-2">
  2063.                            <a href="http://discountbp.com/slot/olx288" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2064.                                <i class="fas fa-chevron-right me-2 text-success"></i>OLX288
  2065.                            </a>
  2066.                        </li>
  2067.                        <li class="mb-2">
  2068.                            <a href="http://discountbp.com/slot/agen77" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2069.                                <i class="fas fa-chevron-right me-2 text-success"></i>Agen77
  2070.                            </a>
  2071.                        </li>
  2072.                        <li class="mb-2">
  2073.                            <a href="http://discountbp.com/slot/ratucasino88" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2074.                                <i class="fas fa-chevron-right me-2 text-success"></i>RatuCasino88
  2075.                            </a>
  2076.                        </li>
  2077.                        <li class="mb-2">
  2078.                            <a href="http://discountbp.com/slot/ratu77" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2079.                                <i class="fas fa-chevron-right me-2 text-success"></i>Ratu77
  2080.                            </a>
  2081.                        </li>
  2082.                    </ul>
  2083.                </div>
  2084.            </div>
  2085.  
  2086.            <!-- Support Links -->
  2087.            <div class="col-lg-2 col-md-6">
  2088.                <div class="footer-widget">
  2089.                    <h5 class="text-white fw-bold mb-4" style="font-family: 'Inter', sans-serif;">Support</h5>
  2090.                    <ul class="footer-links list-unstyled">
  2091.                        <li class="mb-2">
  2092.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2093.                                <i class="fas fa-headset me-2 text-info"></i>Live Chat
  2094.                            </a>
  2095.                        </li>
  2096.                        <li class="mb-2">
  2097.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2098.                                <i class="fab fa-whatsapp me-2 text-success"></i>WhatsApp
  2099.                            </a>
  2100.                        </li>
  2101.                        <li class="mb-2">
  2102.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2103.                                <i class="fab fa-telegram me-2 text-primary"></i>Telegram
  2104.                            </a>
  2105.                        </li>
  2106.                        <li class="mb-2">
  2107.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2108.                                <i class="fas fa-envelope me-2 text-warning"></i>Email
  2109.                            </a>
  2110.                        </li>
  2111.                        <li class="mb-2">
  2112.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2113.                                <i class="fas fa-phone me-2 text-danger"></i>Hotline
  2114.                            </a>
  2115.                        </li>
  2116.                    </ul>
  2117.                </div>
  2118.            </div>
  2119.  
  2120.            <!-- Contact Info -->
  2121.            <div class="col-lg-2 col-md-6">
  2122.                <div class="footer-widget">
  2123.                    <h5 class="text-white fw-bold mb-4" style="font-family: 'Inter', sans-serif;">Informasi</h5>
  2124.                    <ul class="footer-links list-unstyled">
  2125.                        <li class="mb-2">
  2126.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2127.                                <i class="fas fa-info-circle me-2 text-info"></i>Tentang Kami
  2128.                            </a>
  2129.                        </li>
  2130.                        <li class="mb-2">
  2131.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2132.                                <i class="fas fa-shield-alt me-2 text-success"></i>Kebijakan Privasi
  2133.                            </a>
  2134.                        </li>
  2135.                        <li class="mb-2">
  2136.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2137.                                <i class="fas fa-file-contract me-2 text-warning"></i>Syarat & Ketentuan
  2138.                            </a>
  2139.                        </li>
  2140.                        <li class="mb-2">
  2141.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2142.                                <i class="fas fa-question-circle me-2 text-primary"></i>FAQ
  2143.                            </a>
  2144.                        </li>
  2145.                        <li class="mb-2">
  2146.                            <a href="#" class="text-light text-decoration-none" style="font-family: 'Inter', sans-serif; opacity: 0.8; transition: all 0.3s ease; display: inline-block;">
  2147.                                <i class="fas fa-sitemap me-2 text-secondary"></i>Sitemap
  2148.                            </a>
  2149.                        </li>
  2150.                    </ul>
  2151.                </div>
  2152.            </div>
  2153.        </div>
  2154.  
  2155.        <!-- Divider -->
  2156.        <div class="footer-divider my-4" style="height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);"></div>
  2157.  
  2158.        <!-- Bottom Footer -->
  2159.        <div class="row align-items-center">
  2160.            <div class="col-md-6">
  2161.                <p class="text-light mb-0" style="font-family: 'Inter', sans-serif; opacity: 0.7;">
  2162.                    <i class="fas fa-copyright me-1"></i>
  2163.                    <span class="text-gradient" style="background: linear-gradient(45deg, #f59e42, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 600;">
  2164.                        2024 PKV & Slot Online
  2165.                    </span>
  2166.                    . Semua hak dilindungi.
  2167.                </p>
  2168.            </div>
  2169.            <div class="col-md-6 text-md-end">
  2170.                <div class="payment-methods">
  2171.                    <span class="text-light me-3" style="font-family: 'Inter', sans-serif; opacity: 0.7; font-size: 0.9rem;">
  2172.                        <i class="fas fa-credit-card me-1"></i>Metode Pembayaran:
  2173.                    </span>
  2174.                    <span class="badge bg-success me-2" style="font-family: 'Inter', sans-serif;">
  2175.                        <i class="fas fa-university me-1"></i>Bank Transfer
  2176.                    </span>
  2177.                    <span class="badge bg-primary me-2" style="font-family: 'Inter', sans-serif;">
  2178.                        <i class="fas fa-wallet me-1"></i>E-Wallet
  2179.                    </span>
  2180.                    <span class="badge bg-warning" style="font-family: 'Inter', sans-serif;">
  2181.                        <i class="fas fa-qrcode me-1"></i>QRIS
  2182.                    </span>
  2183.                </div>
  2184.            </div>
  2185.        </div>
  2186.    </div>
  2187. </footer>
  2188.  
  2189. <!-- Custom CSS for Footer -->
  2190. <style>
  2191. .footer-links a:hover {
  2192.    color: #f59e42 !important;
  2193.    opacity: 1 !important;
  2194.    transform: translateX(5px);
  2195. }
  2196.  
  2197. .social-link:hover {
  2198.    transform: translateY(-5px) scale(1.1);
  2199.    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
  2200. }
  2201.  
  2202. .footer-widget h5 {
  2203.    position: relative;
  2204.    padding-bottom: 10px;
  2205. }
  2206.  
  2207. .footer-widget h5::after {
  2208.    content: '';
  2209.    position: absolute;
  2210.    bottom: 0;
  2211.    left: 0;
  2212.    width: 50px;
  2213.    height: 2px;
  2214.    background: linear-gradient(45deg, #f59e42, #fbbf24);
  2215.    border-radius: 1px;
  2216. }
  2217.  
  2218. @media (max-width: 768px) {
  2219.    .footer-section {
  2220.        text-align: center;
  2221.    }
  2222.    
  2223.    .social-links {
  2224.        justify-content: center;
  2225.    }
  2226.    
  2227.    .payment-methods {
  2228.        margin-top: 1rem;
  2229.        text-align: center !important;
  2230.    }
  2231. }
  2232. </style>
  2233.    <!-- Bootstrap JS -->
  2234.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  2235.  
  2236.    <!-- Custom JavaScript -->
  2237.    <script>
  2238.        // Sticky Header Effect
  2239.        document.addEventListener('DOMContentLoaded', function() {
  2240.            const navbar = document.querySelector('.navbar');
  2241.            
  2242.            window.addEventListener('scroll', function() {
  2243.                if (window.scrollY > 50) {
  2244.                    navbar.classList.add('scrolled');
  2245.                } else {
  2246.                    navbar.classList.remove('scrolled');
  2247.                }
  2248.            });
  2249.  
  2250.            // Smooth scrolling for anchor links
  2251.            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  2252.                anchor.addEventListener('click', function (e) {
  2253.                    e.preventDefault();
  2254.                    const target = document.querySelector(this.getAttribute('href'));
  2255.                    if (target) {
  2256.                        target.scrollIntoView({
  2257.                            behavior: 'smooth',
  2258.                            block: 'start'
  2259.                        });
  2260.                    }
  2261.                });
  2262.            });
  2263.  
  2264.            // Animate elements on scroll
  2265.            const observerOptions = {
  2266.                threshold: 0.1,
  2267.                rootMargin: '0px 0px -50px 0px'
  2268.            };
  2269.  
  2270.            const observer = new IntersectionObserver(function(entries) {
  2271.                entries.forEach(entry => {
  2272.                    if (entry.isIntersecting) {
  2273.                        entry.target.style.opacity = '1';
  2274.                        entry.target.style.transform = 'translateY(0)';
  2275.                    }
  2276.                });
  2277.            }, observerOptions);
  2278.  
  2279.            // Observe all cards and sections
  2280.            document.querySelectorAll('.platform-card, .section-header').forEach(el => {
  2281.                el.style.opacity = '0';
  2282.                el.style.transform = 'translateY(30px)';
  2283.                el.style.transition = 'all 0.6s ease';
  2284.                observer.observe(el);
  2285.            });
  2286.  
  2287.            // Add loading animation to buttons
  2288.            document.querySelectorAll('.btn').forEach(button => {
  2289.                button.addEventListener('click', function() {
  2290.                    if (!this.classList.contains('btn-loading')) {
  2291.                        this.classList.add('btn-loading');
  2292.                        this.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>Loading...';
  2293.                        
  2294.                        // Remove loading state after 2 seconds (for demo purposes)
  2295.                        setTimeout(() => {
  2296.                            this.classList.remove('btn-loading');
  2297.                            this.innerHTML = this.getAttribute('data-original-text') || this.innerHTML;
  2298.                        }, 2000);
  2299.                    }
  2300.                });
  2301.            });
  2302.  
  2303.            // Store original button text
  2304.            document.querySelectorAll('.btn').forEach(button => {
  2305.                button.setAttribute('data-original-text', button.innerHTML);
  2306.            });
  2307.  
  2308.            // Add hover effects to platform cards
  2309.            document.querySelectorAll('.platform-card').forEach(card => {
  2310.                card.addEventListener('mouseenter', function() {
  2311.                    this.style.transform = 'translateY(-8px) scale(1.02)';
  2312.                });
  2313.                
  2314.                card.addEventListener('mouseleave', function() {
  2315.                    this.style.transform = 'translateY(0) scale(1)';
  2316.                });
  2317.            });
  2318.  
  2319.            // Add counter animation for progress bars
  2320.            function animateCounter(element, target, duration = 2000) {
  2321.                let start = 0;
  2322.                const increment = target / (duration / 16);
  2323.                
  2324.                function updateCounter() {
  2325.                    start += increment;
  2326.                    if (start < target) {
  2327.                        element.style.width = start + '%';
  2328.                        requestAnimationFrame(updateCounter);
  2329.                    } else {
  2330.                        element.style.width = target + '%';
  2331.                    }
  2332.                }
  2333.                
  2334.                updateCounter();
  2335.            }
  2336.  
  2337.            // Animate progress bars when they come into view
  2338.            const progressObserver = new IntersectionObserver(function(entries) {
  2339.                entries.forEach(entry => {
  2340.                    if (entry.isIntersecting) {
  2341.                        const progressBar = entry.target.querySelector('.progress-bar');
  2342.                        const targetWidth = progressBar.style.width;
  2343.                        if (targetWidth) {
  2344.                            const target = parseInt(targetWidth);
  2345.                            progressBar.style.width = '0%';
  2346.                            setTimeout(() => {
  2347.                                animateCounter(progressBar, target);
  2348.                            }, 500);
  2349.                        }
  2350.                        progressObserver.unobserve(entry.target);
  2351.                    }
  2352.                });
  2353.            }, { threshold: 0.5 });
  2354.  
  2355.            document.querySelectorAll('.progress').forEach(progress => {
  2356.                progressObserver.observe(progress);
  2357.            });
  2358.  
  2359.            // Add parallax effect to hero section
  2360.            const heroSection = document.querySelector('.hero-gradient');
  2361.            if (heroSection) {
  2362.                window.addEventListener('scroll', function() {
  2363.                    const scrolled = window.pageYOffset;
  2364.                    const rate = scrolled * -0.5;
  2365.                    heroSection.style.transform = `translateY(${rate}px)`;
  2366.                });
  2367.            }
  2368.  
  2369.            // Add typing effect to hero title
  2370.            const heroTitle = document.querySelector('.hero-gradient h1');
  2371.            if (heroTitle) {
  2372.                const text = heroTitle.textContent;
  2373.                heroTitle.textContent = '';
  2374.                heroTitle.style.borderRight = '2px solid white';
  2375.                
  2376.                let i = 0;
  2377.                function typeWriter() {
  2378.                    if (i < text.length) {
  2379.                        heroTitle.textContent += text.charAt(i);
  2380.                        i++;
  2381.                        setTimeout(typeWriter, 100);
  2382.                    } else {
  2383.                        heroTitle.style.borderRight = 'none';
  2384.                    }
  2385.                }
  2386.                
  2387.                setTimeout(typeWriter, 1000);
  2388.            }
  2389.  
  2390.            // Add floating animation to platform icons
  2391.            document.querySelectorAll('.platform-icon').forEach((icon, index) => {
  2392.                icon.style.animationDelay = `${index * 0.1}s`;
  2393.                icon.classList.add('floating');
  2394.            });
  2395.  
  2396.            // FAQ Accordion
  2397.            document.querySelectorAll('.faq-question').forEach(question => {
  2398.                question.addEventListener('click', function() {
  2399.                    const answer = this.nextElementSibling;
  2400.                    const isOpen = answer.style.display === 'block';
  2401.                    
  2402.                    // Close all other answers
  2403.                    document.querySelectorAll('.faq-answer').forEach(ans => {
  2404.                        ans.style.display = 'none';
  2405.                    });
  2406.                    
  2407.                    // Toggle current answer
  2408.                    answer.style.display = isOpen ? 'none' : 'block';
  2409.                });
  2410.            });
  2411.  
  2412.            // Lazy loading for images
  2413.            const imageObserver = new IntersectionObserver((entries, observer) => {
  2414.                entries.forEach(entry => {
  2415.                    if (entry.isIntersecting) {
  2416.                        const img = entry.target;
  2417.                        img.src = img.dataset.src;
  2418.                        img.classList.remove('lazy');
  2419.                        imageObserver.unobserve(img);
  2420.                    }
  2421.                });
  2422.            });
  2423.  
  2424.            document.querySelectorAll('img[data-src]').forEach(img => {
  2425.                imageObserver.observe(img);
  2426.            });
  2427.        });
  2428.    </script>
  2429.  
  2430.    <!-- Scripts -->
  2431.    </body>
  2432. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda