<!doctype html>
<html amp lang="id">
<head>
  <meta charset="utf-8">
   <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
    <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
    <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
    <title>ARTEMIS88 : Situs Bonafit Indonesia dengan Kemenangan Mudah 2026</title>
    <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport" />
    <meta name="description" content="Artemis88 adalah situs resmi penyedia link permainan paling modern tahun 2026. Rasakan sensasi mudah menang maksimal di ribuan game resmi hanya dengan modal receh.">
    <meta content="ARTEMIS88, login ARTEMIS88, daftar ARTEMIS88, alternatif ARTEMIS88, rtp ARTEMIS88, situs ARTEMIS88" name="keywords" />
    <meta content="ARTEMIS88" name="author" />
    <meta content="id-ID" name="language" />
    <meta content="website" property="og:type" />
    <meta content="ARTEMIS88" property="og:site_name" />
    <meta content="ARTEMIS88 : Situs resmi penyedia link permainan paling modern tahun 2026. Rasakan sensasi mudah menang maksimal di ribuan game resmi hanya dengan modal receh." property="og:title" />
    <meta content="Artemis88 adalah situs resmi penyedia link permainan paling modern tahun 2026. Rasakan sensasi mudah menang maksimal di ribuan game resmi hanya dengan modal receh." property="og:description" />
    <meta property="og:url" content="https://artemis88-vip.pages.dev/">
    <meta content="ARTEMIS88" name="publisher" />
	<meta content="#ffd100" name="theme-color" />
    <meta content="all" name="Slurp" />
    <meta content="all" name="googlebot"/>
    <meta content="general" name="rating" />
    <meta content="index, follow" name="robots" />
    <link rel="canonical" href="https://artemis88-vip.pages.dev/">
	<!-- <meta name="google-site-verification" content="Tw-_5J_GA48DGR02bCvkq-SorQ0e2KtMuu2YWAA-wZA" /> -->
    <link rel="icon" type="image/png" href="https://cdn.imgtree.co/images/rGmrMG54.webp" />
	
	<!-- ================= TWITTER CARDS ================= -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Akses Jalur VIP Eksklusif 2026 - Anti Lag & Aman">
  <meta name="twitter:description" content="Portal akses server VIP dengan Edge Network. Bebas delay, enkripsi SSL, dan performa maksimal.">
  <meta name="twitter:image" content="https://cdn.imgtree.co/images/VRsGip0T.webp">
	
	<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Artemis88 VIP Access",
    "url": "https://artemis88-vip.pages.dev/",
    "description": "Dapatkan akses ke server VIP eksklusif dengan koneksi Edge Network tercepat.",
    "publisher": {
      "@type": "Organization",
      "name": "Artemis88 Network Solutions",
      "logo": {
        "@type": "ImageObject",
        "url": "https://cdn.imgtree.co/images/rGmrMG54.webp"
      }
    }
  }
  </script>
	
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>
        :root {
            /* Color Palette */
            --color-200: #ffd100;
			--color-300: #e2ba03;
            --color-400: #ffffff;
            --color-bg-500: #18181b;
            --color-bg-600: #27272a;
            --color-bg-700: #2b2b2b;
            --color-bg-800: #252525d2;
            --color-bg-900: #002724fa;
            --color-700: #003d38;
            --color-primary: #1f1f1f;
            --color-primary-2: #27272a;
            
            /* Text Colors */
            --text-primary: #ffffff;
            --text-secondary: rgba(255, 255, 255, 0.7);
            --text-muted: rgba(255, 255, 255, 0.5);
            --text-dark: #27272a;
            --text-black: #000000;
            
            /* Background Colors */
            --bg-main: #18181b;
            --bg-card: #27272aab;
            --bg-input: #18181b;
            --bg-footer: #18181b;
            
            /* Border Colors */
            --border-primary: rgba(253, 253, 253, 0.11);
            --border-secondary: rgba(253, 253, 253, 0.11);
            --border-accent: #ff3a3a;
            --border-divider: rgba(253, 253, 253, 0.11);
            --border-separator: rgba(253, 253, 253, 0.11);
            
            /* Shadow Colors */
            --shadow-yellow: rgba(254, 224, 71, 0.3);
            --shadow-yellow-lg: rgba(254, 224, 71, 0.6);
            --shadow-black: rgba(0, 0, 0, 0.3);
            --shadow-black-lg: rgba(0, 0, 0, 0.5);
            
            /* Gradient Colors */
            --gradient-yellow-start: #ffd100;
			--gradient-yellow-end: #e2ba03;
            --gradient-dark-start: #27272a;
            --gradient-dark-end: #18181b;
            
            /* Accent Colors */
            --accent-green: #a3e635;
            --accent-red: #dc2626;
            --accent-red-dark: #ff0000;
            
            /* Sizes */
            --input-height: 38px;
            --button-height: 38px;
            --header-height: 52px;
            --login-height: 128px;
            
            /* Spacing */
            --spacing-xs: 0.25rem;
            --spacing-sm: 0.5rem;
            --spacing-md: 0.75rem;
            --spacing-lg: 1rem;
            --spacing-xl: 1.5rem;
            
            /* Border Radius */
            --radius-sm: 0.375rem;
            --radius-md: 0.4rem;
            --radius-lg: 0.5rem;
            --radius-xl: 0.75rem;
            --radius-full: 9999px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
            background: var(--bg-main);
            color: var(--text-primary);
            padding-bottom: 20px;
            font-size: 17px;
            line-height: 24px;
        }
		
		/* Premium Background Blobs */
		  .bg-blobs {
			  position: fixed;
			  top: 0; left: 0; width: 100vw; height: 100vh;
			  background: 
				  radial-gradient(circle at 15% 30%, rgba(255, 209, 0, 0.25) 0%, transparent 50%),
				  radial-gradient(circle at 85% 70%, rgba(0, 150, 255, 0.15) 0%, transparent 45%),
				  radial-gradient(circle at 50% 90%, rgba(255, 0, 128, 0.1) 0%, transparent 60%);
			  z-index: -1;
			  pointer-events: none;
		  }

        /* Marquee Banner Top */
        .marquee-banner {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 50;
            background: linear-gradient(to bottom, var(--gradient-yellow-start) 0%, var(--gradient-yellow-end) 100%);
            color: var(--text-black);
            padding: 0.2rem 1rem;
            font-size: 0.875rem;
            font-weight: 600;
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .marquee-icon {
            flex-shrink: 0;
            font-size: 1rem;
            display: flex;
            align-items: center;
        }

        .marquee-wrapper {
            flex: 1;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

        .marquee {
            font-size: 0.875rem;
            line-height: 1;
            vertical-align: middle;
            white-space: nowrap;
            animation: marqueeScroll 50s linear infinite;
        }

        @keyframes marqueeScroll {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }

        /* Header */
        .header {
            background: rgba(10, 10, 12, 0.7);
			backdrop-filter: blur(16px);
			-webkit-backdrop-filter: blur(16px);
            padding: 0.2rem 0.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: sticky;
            top: 30px;
            z-index: 100;
            border-bottom: 1px solid var(--border-secondary);
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
            margin-top: 30px;
            gap: var(--spacing-lg);
        }

        @media (min-width: 768px) {
            .header {
                padding: 0.2rem 1rem;
            }
        }

        .menu-toggle {
            width: 30px;
            height: 24px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            background: transparent;
            border: none;
            padding: 4px;
            position: relative;
            border-radius: 4px;
            transition: background 0.3s ease;
        }

        .menu-toggle:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        .menu-toggle span {
            width: 100%;
            height: 3px;
            background: var(--color-200);
            border-radius: 2px;
            transition: all 0.3s ease;
            display: block;
            transform-origin: center;
        }

        .menu-toggle:hover span {
            background: var(--color-100);
        }

        .menu-toggle:active {
            transform: scale(0.95);
        }

        .logo-img {
            height: 32px;
        }

        .logo-mobile {
            display: flex;
            align-items: center;
        }

        .logo-desktop {
            display: none;
        }

        .spacer-mobile {
            display: block;
            width: 35px;
        }

        @media (min-width: 768px) {
            .logo-mobile {
                display: none;
            }

            .logo-desktop {
                display: flex;
                align-items: center;
            }

            .menu-toggle {
                display: none;
            }

            .spacer-mobile {
                display: none;
            }
        }

        .logo-img-desktop {
            height: 70px;
        }

        /* Navigation Desktop */
        .nav-desktop {
            display: none;
        }

        @media (min-width: 768px) {
            .nav-desktop {
                display: flex;
                flex: 1;
                justify-content: flex-end;
                align-items: center;
            }
        }

        .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            gap: var(--spacing-lg);
            align-items: center;
        }

        .nav-menu > li {
            position: relative;
        }

        .nav-menu > li > a {
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
            padding: var(--spacing-md);
            transition: color 0.3s ease;
        }

        .nav-menu > li > a:hover {
            color: var(--color-200);
        }

        .btn-daftar-nav {
            background: linear-gradient(to bottom, #fdba74, #ff3a3a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            padding: var(--spacing-sm) var(--spacing-lg);
            font-weight: 700;
        }

        .btn-daftar-nav:hover {
            opacity: 0.8;
        }

        /* Dropdown Menu */
        .has-dropdown {
            position: relative;
        }

        .has-dropdown > a::after {
            content: '▼';
            font-size: 0.65rem;
            margin-left: 0.35rem;
            display: inline-block;
            transition: transform 0.3s ease;
        }

        .has-dropdown:hover > a::after {
            transform: rotate(180deg);
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: var(--bg-main);
            border: 1px solid var(--border-secondary);
            border-radius: var(--radius-sm);
            list-style: none;
            margin: var(--spacing-sm) 0 0 0;
            padding: var(--spacing-sm) 0;
            min-width: 200px;
            z-index: 1000;
            box-shadow: 0 4px 12px var(--shadow-black-lg);
        }

        .has-dropdown:hover .dropdown-menu {
            display: block;
        }

        .dropdown-menu li {
            margin: 0;
        }

        .dropdown-menu a {
            display: block;
            padding: var(--spacing-sm) var(--spacing-lg);
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.875rem;
            transition: background 0.3s ease, color 0.3s ease;
        }

        .dropdown-menu a:hover {
            background: var(--bg-input);
            color: var(--color-200);
        }

        /* Mobile Navigation Dropdown */
        .mobile-nav-dropdown {
            display: block;
            position: fixed;
            top: 100px;
            left: 0;
            right: 0;
            max-height: 0;
            overflow: hidden;
            background: var(--bg-main);
            transition: max-height 0.3s ease-out;
            z-index: 99;
            border-bottom: 1px solid var(--border-secondary);
        }

        .mobile-nav-dropdown.open {
            max-height: 400px;
        }

        @media (min-width: 768px) {
            .mobile-nav-dropdown {
                display: none;
            }
        }

        .mobile-nav-menu {
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: var(--bg-main);
        }    

        .mobile-nav-menu li {
            border-bottom: 0.5px solid var(--border-separator);
        }

        .mobile-nav-menu li:last-child {
            border-bottom: none;
        }

        .mobile-nav-menu a {
            display: block;
            padding: var(--spacing-lg);
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.875rem;
            transition: background 0.3s ease, color 0.3s ease;
        }

        .mobile-nav-menu a:hover {
            background: var(--bg-input);
            color: var(--color-200);
        }

        /* Mobile Menu Checkbox */
        #mobile-menu-toggle:checked ~ .mobile-nav-dropdown {
            max-height: 400px;
        }

        #mobile-menu-toggle:checked ~ * .menu-toggle span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        #mobile-menu-toggle:checked ~ * .menu-toggle span:nth-child(2) {
            opacity: 0;
            transform: translateX(20px);
        }

        #mobile-menu-toggle:checked ~ * .menu-toggle span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }

        .mobile-menu-checkbox {
            display: none;
        }

        /* Skip Link for Accessibility */
        .skip-link {
            position: fixed;
            top: -100px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--color-200);
            color: var(--text-black);
            padding: 12px 24px;
            text-decoration: none;
            font-weight: 700;
            z-index: 99999;
            border-radius: 4px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            transition: top 0.3s ease;
        }

        .skip-link:focus {
            top: 10px;
            outline: 3px solid var(--color-300);
            outline-offset: 2px;
        }

        /* Screen Reader Only */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
        }

        /* Accordion Container */
        .accordion-wrapper {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        /* Accordion Section */
        .accordion-item {
            margin-bottom: 10px;
            overflow: visible;
            z-index: 20;
        }

        .accordion-header {
            padding: 10px;
            cursor: default;
            z-index: 9999;
        }

        .accordion-header h1 {
            margin: 0;
            font-size: 15px;
        }

        .accordion-arrow {
            background: var(--color-200);
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: var(--radius-sm);
            transition: transform 0.3s ease;
        }

        /* Hidden checkbox for accordion toggle */
        .accordion-toggle {
            display: none;
        }

        .accordion-toggle:checked ~ div .accordion-item .accordion-arrow {
            transform: rotate(180deg);
        }

        .accordion-toggle:checked ~ div .accordion-item .accordion-content {
            max-height: 2000px;
            opacity: 1;
            transform: translateY(0);
            padding: 0 1rem 1rem 1rem;
        }

        .accordion-arrow-icon {
            color: var(--text-dark);
            font-size: 0.875rem;
            font-weight: bold;
        }

        .accordion-content {
            z-index: 9999;
            padding: 0 1rem 1rem 1rem;
            max-height: 2000px;
            overflow: visible;
            opacity: 1;
            transform: translateY(0);
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, padding 0.3s ease-out;
        }

        .accordion-title {
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            margin-top: 0.25rem;
            color: var(--color-200);
        }

        .accordion-text {
            font-size: 0.875rem;
            line-height: 1.6;
            color: var(--text-primary);
        }
        .accordion-text a,
        .accordion-text a:visited,
        .accordion-text a:hover,
        .accordion-text a:active {
            color: var(--color-200);
            text-decoration: none;
        }

        .seo-link {
            color: #fa6363;
            text-decoration: none;
        }

        .seo-link:hover {
            text-decoration: none;
        }

        .hidden {
            display: none;
        }

        [hidden] {
            display: none;
        }

        /* Responsive Utilities */
        @media (min-width: 768px) {
            .md\:block {
                display: block;
            }
            
            .md\:hidden {
                display: none;
            }

            .md\:flex {
                display: flex;
            }

            .hidden.md\:block {
                display: block;
            }

            .hidden.md\:flex {
                display: flex;
            }
        }

        /* Download APK Section */
        .download-apk-section {
            width: 100%;
            padding: var(--spacing-md);
            background: linear-gradient(to bottom, var(--gradient-yellow-start) 0%, var(--gradient-yellow-end) 100%);
            position: relative;
        }

        .download-apk-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .download-left {
            display: flex;
            gap: 0.75rem;
            align-items: center;
        }

        .download-text-title {
            font-size: 0.875rem;
            color: #003d38;
            font-weight: 600;
        }

        .download-text-subtitle {
            font-size: 0.75rem;
            opacity: 0.65;
            color: #003d38;
        }

        .btn-download {
            margin-right: var(--spacing-md);
            border-radius: var(--radius-sm);
            background: var(--bg-card);
            padding: var(--spacing-sm);
            font-size: 0.875rem;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: var(--spacing-xs);
            color: var(--text-primary);
        }

        .btn-download:hover {
            background: var(--color-bg-700);
        }

        .btn-close-apk {
            color: var(--color-100);
            background: var(--accent-red);
            height: 20px;
            width: 20px;
            font-size: 0.875rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: var(--radius-full);
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            cursor: pointer;
        }

        /* Hero Banner with Carousel */
        .hero-section {
            position: relative;
            width: 100%;
            overflow: hidden;
            margin-bottom: 1rem;
        }

        /* Premium Glassmorphism Panels */
      .glass-panel {
          background: var(--bg-card);
          backdrop-filter: blur(16px);
          -webkit-backdrop-filter: blur(16px);
          border: 1px solid var(--border-primary);
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          border-left: 1px solid rgba(255, 255, 255, 0.05);
          border-radius: 16px;
          box-shadow: 0 10px 40px var(--shadow-black-lg), inset 0 1px 0 rgba(255, 255, 255, 0.05);
          padding: 1rem;
      }

      /* Premium Form Login */
      .login-section {
          animation: pageFadeIn 0.8s ease-out forwards;
      }
      .form-row { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; flex-direction: column; }
      @media (min-width: 768px) { .form-row { flex-direction: row; } }
      .form-col-right { display: flex; gap: 0.75rem; width: 100%; }

        @media (min-width: 768px) {
            .login-section {
                margin-bottom: 0.35rem;
            }
        }

        .input-wrapper {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.25rem;
        }

        .input-icon {
            color: var(--text-secondary);
            font-size: 1.1rem;
            width: 24px;
            text-align: center;
            flex-shrink: 0;
        }

        .input-group {
            display: flex;
            align-items: center;
            background: var(--bg-input);
            border: 1px solid var(--border-primary);
            border-radius: var(--radius-md);
            padding: 0 0.65rem;
            height: var(--input-height);
            flex: 1;
            transition: border-color 0.3s ease;
        }

        .input-group:focus-within {
            border-color: var(--border-accent);
        }

        .input-field {
            flex: 1;
            background: transparent;
            border: none;
            padding: var(--spacing-sm) 0;
            color: var(--text-primary);
            font-size: 0.8rem;
        }

        .input-field:focus {
            outline: none;
        }

        .input-field::placeholder {
            color: var(--text-muted);
        }

        .input-icon-right {
            color: var(--text-muted);
            font-size: 0.9rem;
            cursor: pointer;
            margin-left: var(--spacing-sm);
        }

        .btn {
			  flex: 1; height: var(--button-height); border: none;
			  border-radius: 12px; font-weight: 800; font-size: 0.9rem;
			  text-transform: uppercase; letter-spacing: 1.5px;
			  display: flex; align-items: center; justify-content: center;
			  text-decoration: none; position: relative; overflow: hidden;
		  }
		  
		  /* Tombol Masuk (Epic Gold Liquid & Shimmer) */
		  .btn-masuk {
			  background: linear-gradient(135deg, #ffd100 0%, #d4a000 50%, #ffd100 100%);
			  background-size: 200% auto;
			  color: #111;
			  box-shadow: 0 4px 15px var(--shadow-yellow);
			  animation: goldLiquid 4s linear infinite;
		  }
		  .btn-masuk::after {
			  content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%;
			  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
			  transform: translateX(-200%) skewX(-25deg);
			  animation: epicShimmer 5s infinite cubic-bezier(0.4, 0, 0.2, 1);
		  }

		  /* Tombol Daftar (Gelap) */
		  .btn-daftar {
			  background: rgba(0, 0, 0, 0.5);
			  color: var(--color-200);
			  border: 1px solid rgba(255, 209, 0, 0.5);
			  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		  }

        .form-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.65rem;
            color: var(--text-muted);
            margin-top: var(--spacing-xs);
        }

        .form-footer a {
            color: var(--color-200);
            text-decoration: none;
        }

        /* Container Fluid */
        .container-fluid {
            position: relative;
            overflow: hidden;
        }

        @media (min-width: 768px) {
            .container-fluid {
                padding: 0 0.75rem;
            }
        }

        @media (min-width: 1024px) {
            .container-fluid {
                padding: 0 2.5rem;
            }
        }

        /* Flex and Width Utilities */
        .flex {
            display: flex;
        }

        .justify-center {
            justify-content: center;
        }

        .w-full {
            width: 100%;
        }

        .max-w-\[1150px\] {
            max-width: 1150px;
        }

        .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        .mb-3 {
            margin-bottom: 1rem;
        }
		.mt-3 {
            margin-top: 1rem;
        }
		.mt-0 {
            margin-top: 0rem;
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .z-0 {
            z-index: 0;
        }

        .overflow-auto {
            overflow: auto;
        }

        .pt-2 {
            padding-top: 0.5rem;
        }

        @media (min-width: 768px) {
            .md\:block {
                display: block;
            }

            .md\:mt-3 {
                margin-top: 0.75rem;
            }

            .md\:mt-0 {
                margin-top: 0;
            }

            .md\:pt-0 {
                padding-top: 0;
            }

            .md\:mb-1 {
                margin-bottom: 0.25rem;
            }
        }

        .-mt-10 {
            margin-top: -2.5rem;
        }

        .-mt-3 {
            margin-top: -0.75rem;
        }

        /* Desktop Tab Buttons */
        .desktop-tab-buttons {
            padding: var(--spacing-md);
            background: var(--bg-card);
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: var(--radius-lg);
            margin-bottom: var(--spacing-lg);
            height: var(--header-height);
        }

        @media (max-width: 767px) {
            .desktop-tab-buttons {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .desktop-tab-buttons {
                padding: 0.25rem 0.4rem;
                gap: 0.15rem;
                margin-bottom: 0.35rem;
            }
        }

        .desktop-tab-btn {
            flex: 1;
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.9);
            font-size: 0.875rem;
            padding: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            text-align: center;
            position: relative;
        }

        @media (min-width: 768px) {
            .desktop-tab-btn {
                padding: 0.4rem 0.6rem;
                gap: 0.3rem;
                font-size: 0.8rem;
            }
        }

        .desktop-tab-btn:not(:first-child)::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 30px;
            width: 1px;
            background: var(--border-separator);
        }

        .desktop-tab-icon {
            font-size: 1.75rem;
        }

        @media (min-width: 768px) {
            .desktop-tab-icon {
                font-size: 1.4rem;
            }
        }

        /* Category Container */
        .category-container {
            position: relative;
            z-index: 10;
        }

        @media (min-width: 768px) {
            .category-container {
                margin-top: 0;
            }
        }

        .category-wrapper {
            border-radius: 10px;
            overflow: visible;
            position: relative;
        }

        .glow-effect,
        .glow-on-hover {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
        }

        @media (min-width: 768px) {
            .glow-effect,
            .glow-on-hover {
            }
        }

        .glow-effect::before,
        .glow-on-hover::before {
            content: '';
            position: absolute;
            inset: -100px;
            background: conic-gradient(
                from 0deg,
                #ff2770 0%, #ff2770 2%,
                transparent 4%, transparent 14%,
                #27fff4 16%, #27fff4 18%,
                transparent 20%, transparent 31%,
                #ff2770 33%, #ff2770 35%,
                transparent 37%, transparent 47%,
                #27fff4 49%, #27fff4 51%,
                transparent 53%, transparent 64%,
                #ff2770 66%, #ff2770 68%,
                transparent 70%, transparent 81%,
                #27fff4 83%, #27fff4 85%,
                transparent 87%, transparent 97%,
                #ff2770 99%, #ff2770 100%
            );
            border-radius: 50%;
            animation: glowRotate 4s linear infinite;
            z-index: 0;
        }

        @media (min-width: 768px) {
            .glow-effect::before,
            .glow-on-hover::before {
                inset: -350px;
            }
        }

        .glow-effect::after,
        .glow-on-hover::after {
            content: '';
            position: absolute;
            inset: 2px;
            background-color: #27272a;
            border-radius: 10px;
            z-index: 0;
        }

        @keyframes glowRotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        /* Category Tabs */
        .category-tabs {
            display: flex;
            overflow-x: auto;
            gap: 0.5rem;
            align-items: flex-end;
            width: 100%;
            background: transparent;
            position: relative;
            z-index: 2;
            border-radius: 10px;
        }

        @media (min-width: 768px) {
            .category-tabs {
                justify-content: center;
            }
        }
		
		.category-tab {
          flex-shrink: 0; text-decoration: none; padding: 0.2rem;
          border-radius: 14px; transition: transform 0.3s ease;
          border: 1px solid transparent;
      }

        .category-tab:hover, .category-tab:active {
          transform: translateY(-6px) scale(1.05);
          background: rgba(255, 209, 0, 0.05);
          box-shadow: 0 8px 25px rgba(255, 209, 0, 0.2);
		  text-decoration:none;
      }
      .category-tab-inner { display: flex; flex-direction: column; align-items: center; padding: 0.5rem; }
      .category-icon { filter: drop-shadow(0 4px 6px rgba(0,0,0,0.6)); transition: transform 0.3s ease; }
      .category-tab:hover .category-icon { transform: scale(1.1); filter: drop-shadow(0 8px 15px rgba(255,209,0,0.4)); }


        .category-label {
            font-size: 0.69rem;
            font-weight: 400;
            color: var(--text-secondary);
            text-transform: uppercase;
            line-height: 1.15;
            text-align: center;
        }

        @media (min-width: 768px) {
            .category-label {
                font-size: 0.875rem;
            }
        }

        .category-tab.active .category-label {
            color: var(--color-200);
        }

        /* Scrollbar Hide */
        .category-tabs::-webkit-scrollbar {
            display: none;
        }

        /* Main Container */
        .main-container {
            margin-top: -var(--spacing-md);
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            overflow: hidden;
            margin-bottom: var(--spacing-xl);
        }

        @media (min-width: 768px) {
            .main-container {
                margin-top: 1rem;
            }
        }

        /* Tab Buttons */
        .tab-buttons {
            display: flex;
            gap: 0.5rem;
            background: transparent;
            border-bottom: 1px solid #52525b;
			padding-bottom: 10px;
        }

        .tab-btn.active {
			background: rgba(255, 209, 0, 0.1);
			color: var(--color-200);
			border: 1px solid rgba(255, 209, 0, 0.2);
		}
		.tab-btn {
			flex: 1;
			padding: 0.3rem;
			background: transparent;
			color: var(--text-secondary);
			font-weight: 700;
			text-align: center;
			text-decoration: none;
			border-radius: 8px;
			transition: all 0.3s;
			font-size: 0.85rem;
		}

        /* Results Header */
        .results-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0.75rem 0.5rem;
        }

        .results-title {
            font-size: 0.75rem;
            font-weight: 700;
            color: #fff;
            border-left: 4px solid #e2ba03;
            padding-left: 0.75rem;
            text-transform: uppercase;
        }

        .btn-riwayat {
            background: linear-gradient(to bottom, var(--gradient-yellow-start) 0%, var(--gradient-yellow-end) 100%);
            color: var(--text-black);
            padding: var(--spacing-xs) var(--spacing-md);
            border-radius: var(--radius-sm);
            font-size: 0.75rem;
            font-weight: 700;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: var(--spacing-xs);
        }

        .nav-arrow-icon {
            font-size: 0.9rem;
            margin-top: 1px;
        }

        /* Search */
        .search-section {
            padding: 0 0.75rem 0.75rem;
        }

        .search-box {
            display: flex;
            align-items: center;
            background: var(--bg-input);
            border-radius: var(--radius-xl);
            padding: var(--spacing-sm) var(--spacing-md);
            gap: var(--spacing-sm);
            border: 1px solid var(--border-primary);
        }

        .search-icon {
            color: var(--text-muted);
            font-size: 1rem;
        }

        .search-input {
            flex: 1;
            background: transparent;
            border: none;
            outline: none;
            color: var(--text-primary);
            font-size: 0.875rem;
            height: 32px;
        }

        .search-input::placeholder {
            color: var(--text-muted);
        }

        .search-input:focus {
            outline: none;
            border: none;
        }

        /* Game Grid */
        .game-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
            padding: 0 0.75rem 1rem;
        }

        .game-card {
            background: var(--bg-input);
            border-radius: var(--radius-lg);
            overflow: hidden;
            text-decoration: none;
            box-shadow: 0 4px 8px var(--shadow-black);
            position: relative;
        }

        .game-header {
            background: linear-gradient(to bottom, var(--gradient-yellow-start) 0%, var(--gradient-yellow-end) 100%);
            padding: var(--spacing-sm) var(--spacing-md);
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 36px;
            position: relative;
        }

        .game-title {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--text-black);
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex: 1;
        }

        .game-body {
            padding: 0.75rem 0.75rem 0.125rem;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .game-logo {
            width: 45px;
            height: 45px;
            margin-bottom: 0.25rem;
            border-radius: 50%;
        }

        .game-icon-placeholder {
            width: 45px;
            height: 45px;
            margin-bottom: 0.25rem;
            border-radius: 50%;
            background-color: #ea580c;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }
        
        .game-timer {
            background: #0a0a0a;
            color: var(--accent-green);
            font-size: 0.875rem;
            font-weight: 600;
            padding: 0.125rem 0.5rem;
            border-radius: var(--radius-lg);
            display: inline-block;
            margin: 0;
            margin-top: 0.25rem;
            font-family: 'Courier New', monospace;
        }

        .game-timer.closing {
            color: var(--accent-red-dark);
        }

        /* Responsive Grid */
        @media (min-width: 640px) {
            .game-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (min-width: 768px) {
            .game-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .game-grid {
                grid-template-columns: repeat(5, 1fr);
            }
        }

        /* Floating Bottom Navigation (Glassmorphism) */
      .bottom-nav {
          position: fixed; bottom: 0; left: 0; right: 0;
          background: rgba(15, 15, 18, 0.75);
          backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
          border-top: 1px solid rgba(255, 209, 0, 0.2);
          border-radius: 24px 24px 0 0;
          box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.7);
          display: flex; justify-content: space-around; align-items: flex-end;
          z-index: 200; padding-bottom: 5px; padding-top: 5px;
      }
      @media (min-width: 768px) { .bottom-nav { display: none; } }
      
      .nav-item { flex: 1; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center;}
      .nav-icon-img { width: 28px; height: 28px; opacity: 0.7; transition: all 0.3s ease; }
      .nav-label { font-size: 0.6rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; transition: all 0.3s;}
      
      .nav-item.active .nav-icon-img {
          opacity: 1; transform: scale(1.15);
          filter: drop-shadow(0 0 8px #ffd100) brightness(1.5) sepia(1) hue-rotate(10deg) saturate(300%);
      }
      .nav-item.active .nav-label { color: #ffd100; text-shadow: 0 0 8px rgba(255, 209, 0, 0.6); }



        /* Footer Section */
        .footer-section {
            background: var(--bg-card);
            padding: 2rem 2.5rem 1rem;
            margin-top: 2rem;
			border-radius: 12px;
        }

        @media (max-width: 767px) {
            .footer-section {
                padding: var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);
                margin-top: var(--spacing-xl);
            }
        }

        .footer-container {
            z-index: 0;
            width: 100%;
            max-width: 1150px;
        }

        .footer-title {
            font-size: 0.8125rem;
            margin-bottom: var(--spacing-xs);
            color: var(--text-muted);
        }

        .text-end {
            text-align: end;
        }

        .text-center {
            text-align: center;
        }

        /* Dividers */
        .footer-divider {
            border-top: 1px dashed var(--border-divider);
            margin-top: var(--spacing-xl);
            margin-bottom: var(--spacing-xl);
        }

        .footer-divider-mobile {
            display: block;
            border-top: 1px dashed var(--border-divider);
            margin-top: 1.25rem;
            margin-bottom: 1.25rem;
        }

        @media (min-width: 768px) {
            .footer-divider-mobile {
            display: none;
        }
        }

        /* Footer Bottom Section */
        .footer-bottom-section {
            background: var(--bg-footer);
            padding: 0 2.5rem 3rem;
        }

        @media (max-width: 767px) {
            .footer-bottom-section {
                padding: 0 var(--spacing-lg) 5rem;
            }
        }

        .footer-bottom-container {
            display: flex;
            justify-content: center;
            margin: 0 auto;
            z-index: 0;
            width: 100%;
            max-width: 1050px;
        }

        @media (min-width: 768px) {
            .footer-bottom-container {
                justify-content: space-between;
            }
        }

        .footer-nav-mobile {
            color: var(--text-muted);
            font-size: 0.75rem;
            text-align: center;
        }

        .footer-nav-link-mobile {
            color: var(--text-muted);
            text-decoration: none;
            padding-right: var(--spacing-lg);
            border-right: 1px solid var(--text-primary);
            margin-right: var(--spacing-lg);
        }

        .footer-nav-link-mobile:last-child {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

        .copyright-text {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-align: center;
        }

        @media (min-width: 768px) {
            .copyright-text {
                text-align: left;
            }
        }

        .copyright-link {
            color: var(--color-200);
            text-decoration: none;
        }

        .footer-nav-desktop {
            color: var(--text-muted);
            font-size: 0.75rem;
        }

        .footer-nav-link {
            color: var(--text-muted);
            text-decoration: none;
            padding-right: var(--spacing-lg);
            border-right: 1px solid var(--text-primary);
            margin-right: var(--spacing-lg);
        }

        .footer-nav-link:last-child {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

        /* Content Spacing */
        .content-section {
            background: var(--bg-card);
        }

        /* Scrollbar */
        .category-tabs::-webkit-scrollbar {
                display: none;
            }

        /* Utility to hide scrollbar */
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }

        /* Justify between */
        .justify-between {
            justify-content: space-between;
        }

        /* Flex col */
        .flex-col {
            flex-direction: column;
        }

        /* Gap-3 */
        .gap-3 {
            gap: 0.75rem;
        }
		
		/* Keyframes Animasi */
      @keyframes pageFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
      @keyframes epicShimmer {
          0% { transform: translateX(-200%) skewX(-25deg); }
          20% { transform: translateX(300%) skewX(-25deg); }
          100% { transform: translateX(300%) skewX(-25deg); }
      }
      @keyframes goldLiquid {
          0% { background-position: 0% center; }
          100% { background-position: 200% center; }
      }
    </style>
 </head>
<body>
	<div class="bg-blobs"></div>
  <a href="#main-content" class="skip-link">Skip to main content</a>

  <h1 class="sr-only">SELAMAT DATANG DI ARTEMIS88. RASAKAN SENSASI BERMAIN DENGAN KEMENANGAN YANG MUDAH ANDA DAPATKAN, ARTEMIS88 ADALAH SITUS BONAFIT DI INDONESIA. KEAMANAN DAN KENYAMANAN ANDA BERMAIN KAMI UTAMAKAN.</h1>

  <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-checkbox" hidden>

  <div class="marquee-banner">
    <span class="marquee-icon">📢</span>
    <div class="marquee-wrapper">
      <div class="marquee">SELAMAT DATANG DI ARTEMIS88. RASAKAN SENSASI BERMAIN DENGAN KEMENANGAN YANG MUDAH ANDA DAPATKAN, ARTEMIS88 ADALAH SITUS BONAFIT DI INDONESIA. KEAMANAN DAN KENYAMANAN ANDA BERMAIN KAMI UTAMAKAN.</div>
    </div>
  </div>

  <header class="header">
    <label for="mobile-menu-toggle" class="menu-toggle" role="button" tabindex="0" aria-label="Toggle mobile menu">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <a href="/go?to=" class="logo-mobile">
      <amp-img src="https://cdn.imgtree.co/images/NmY8DL2H.webp" width="138" height="60" layout="fixed" alt="ARTEMIS88" class="logo-img"></amp-img>
    </a>

    <a href="/go?to=" class="logo-desktop">
      <amp-img src="https://cdn.imgtree.co/images/NmY8DL2H.webp" width="161" height="70" layout="fixed" alt="ARTEMIS88" class="logo-img-desktop"></amp-img>
    </a>

    <nav class="nav-desktop" aria-label="Main navigation">
      <ul class="nav-menu" role="menubar">
        <li><a href="/go?to=">Home</a></li>
        <li class="has-dropdown">
          <a href="#">Permainan</a>
          <ul class="dropdown-menu">
            <li><a href="/go?to=">Hot Games</a></li>
            <li><a href="/go?to=">Slots</a></li>
            <li><a href="/go?to=">Live Casino</a></li>
            <li><a href="/go?to=">Sports</a></li>
            <li><a href="/go?to=">E-Games</a></li>
            <li><a href="/go?to=">Sabung Ayam</a></li>
          </ul>
        </li>
        <li class="has-dropdown">
          <a href="#">Togel</a>
          <ul class="dropdown-menu">
            <li><a href="/go?to=">Hasil</a></li>
            <li><a href="/go?to=">Prediksi</a></li>
            <li><a href="/go?to=">Buku Mimpi</a></li>
          </ul>
        </li>
        <li class="has-dropdown">
          <a href="#">Lainnya</a>
          <ul class="dropdown-menu">
            <li><a href="/go?to=">Turnamen</a></li>
            <li><a href="/go?to=">Promosi</a></li>
            <li><a href="/go?to=">FAQ</a></li>
            <li><a href="/go?to=">Keluhan Pemain</a></li>
            <li><a href="/go?to=" target="_blank">RTP Slot</a></li>
            <li><a href="/go?to=" target="_blank">Bukti JP</a></li>
            <li><a href="/go?to=">Hubungi Kami</a></li>
          </ul>
        </li>
        <li><a href="/go?to=quick-signup2" class="btn-daftar-nav" target="_blank" rel="nofollow noopener">Daftar</a></li>
      </ul>
    </nav>

    <div class="spacer-mobile"></div>
  </header>

  <div class="mobile-nav-dropdown">
    <ul class="mobile-nav-menu">
      <li><a href="/go?to=">Mainkan di Telegram (Anti Nawala)</a></li>
      <li><a href="https://d2no4i670q813j.cloudfront.net/apk/apk_artemis88.apk">Download APK</a></li>
      <li><a href="/go?to=">Keluhan Pemain</a></li>
      <li><a href="/go?to=" target="_blank">RTP Slot</a></li>
      <li><a href="/go?to=" target="_blank">Bukti JP</a></li>
    </ul>
  </div>

  <div class="download-apk-section">
      <div class="download-apk-inner">
      <div class="download-left">
        <amp-img src="https://cdn.imgtree.co/images/rGmrMG54.webp" width="40" height="40" layout="fixed" alt="Android"></amp-img>
        <div style="line-height:16px">
          <p class="download-text-title">Download Android APK</p>
          <p class="download-text-subtitle">Fast, Light & Secure</p>
        </div>
      </div>
      <a href="https://d2no4i670q813j.cloudfront.net/apk/apk_artemis88.apk" class="btn-download" target="_blank" rel="nofollow noopener">
        <svg xmlns="http://w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 48 48">
			<path fill="#7cb342" d="M12 29c0 1.1-.9 2-2 2s-2-.9-2-2v-9c0-1.1.9-2 2-2s2 .9 2 2V29zM40 29c0 1.1-.9 2-2 2s-2-.9-2-2v-9c0-1.1.9-2 2-2s2 .9 2 2V29zM22 40c0 1.1-.9 2-2 2s-2-.9-2-2v-9c0-1.1.9-2 2-2s2 .9 2 2V40zM30 40c0 1.1-.9 2-2 2s-2-.9-2-2v-9c0-1.1.9-2 2-2s2 .9 2 2V40z"></path><path fill="#7cb342" d="M14 18v15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V18H14zM24 8c-6 0-9.7 3.6-10 8h20C33.7 11.6 30 8 24 8zM20 13.6c-.6 0-1-.4-1-1 0-.6.4-1 1-1s1 .4 1 1C21 13.1 20.6 13.6 20 13.6zM28 13.6c-.6 0-1-.4-1-1 0-.6.4-1 1-1s1 .4 1 1C29 13.1 28.6 13.6 28 13.6z"></path><path fill="#7cb342" d="M28.3 10.5c-.2 0-.4-.1-.6-.2-.5-.3-.6-.9-.3-1.4l1.7-2.5c.3-.5.9-.6 1.4-.3.5.3.6.9.3 1.4l-1.7 2.5C29 10.3 28.7 10.5 28.3 10.5zM19.3 10.1c-.3 0-.7-.2-.8-.5l-1.3-2.1c-.3-.5-.2-1.1.3-1.4.5-.3 1.1-.2 1.4.3l1.3 2.1c.3.5.2 1.1-.3 1.4C19.7 10 19.5 10.1 19.3 10.1z"></path>
		</svg>
        <span>DOWNLOAD</span>
      </a>
    </div>
    <button class="btn-close-apk">✖</button>
  </div>

  <div class="hero-section">
    <amp-carousel width="1124" height="702" layout="responsive" type="slides" autoplay delay="4000" loop>
        <amp-img src="https://cdn.imgtree.co/images/BqSZkxr9.webp" width="750" height="380" layout="responsive" alt="WELCOME TO ARTEMIS88 1"></amp-img>
        <amp-img src="https://cdn.imgtree.co/images/VRsGip0T.webp" width="750" height="380" layout="responsive" alt="DEPOSIT AMAN & WD CEPAT"></amp-img>
    </amp-carousel>
  </div>

  <div id="main-content" class="container-fluid">
    <div class="flex justify-center">
      <div class="w-full max-w-[1150px] px-2">
			<div class="glass-panel login-section">          
			  <!-- <form method="post" action-xhr="" target="_top" novalidate="">             -->
				<div class="form-row">              
				  <div class="form-col-right">                
					<a href="/go?to=" class="btn btn-masuk">MASUK</a>                
					<a href="/go?to=quick-signup2" class="btn btn-daftar">DAFTAR</a>              
				  </div>            
				</div>          
			  <!-- </form>         -->
			</div>
      </div>
    </div>
	

    <div class="mx-auto z-0 w-full max-w-[1150px] overflow-auto px-2 md:pt-0 md:mb-1 hidden md:block mt-3">
      <div class="desktop-tab-buttons">
        <button class="desktop-tab-btn">
          <span class="desktop-tab-icon">🎱</span> Togel
        </button>
        <button class="desktop-tab-btn">
          <span class="desktop-tab-icon">🎮</span> Permainan
        </button>
      </div>
    </div>

    <div class="category-container md:block md:mt-0">
      <div class="mx-auto z-0 w-full max-w-[1150px]">
        <div class="!rounded-lg category-wrapper glass-panel" style="padding: 0rem; margin: 1rem 10px">
          <div class="glow-on-hover">
            <div class="category-tabs hide-scrollbar">
              <a href="/go?to=" class="category-tab active">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/R-z_PaOb.png" width="57" height="57" layout="fixed" alt="TOGEL" class="category-icon"></amp-img>
                  <p class="category-label">TOGEL</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/TbPN0vOn.png" width="57" height="57" layout="fixed" alt="SLOTS" class="category-icon"></amp-img>
                  <p class="category-label">SLOTS</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/-hukIp85.png" width="55" height="55" layout="fixed" alt="HOT" class="category-icon"></amp-img>
                  <p class="category-label">HOT</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/zkpIv0_o.png" width="47" height="47" layout="fixed" alt="CASINO" class="category-icon"></amp-img>
                  <p class="category-label">CASINO</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/Orh5YeeL.png" width="47" height="47" layout="fixed" alt="SPORTS" class="category-icon"></amp-img>
                  <p class="category-label">SPORTS</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/gHlZwWB7.png" width="47" height="47" layout="fixed" alt="AYAM" class="category-icon"></amp-img>
                  <p class="category-label">AYAM</p>
                </div>
              </a>
              <a href="/go?to=" class="category-tab">
                <div class="category-tab-inner">
                  <amp-img src="https://cdn.imgtree.co/images/SHDEYQZD.png" width="50" height="50" layout="fixed" alt="E-GAMES" class="category-icon"></amp-img>
                  <p class="category-label">E-GAMES</p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="md:block md:mt-0">
      <div class="mx-auto z-0 w-full max-w-[1150px] overflow-auto px-2">
        <div class="glass-panel main-container">
          <div class="tab-buttons">
            <a href="/go?to=" class="tab-btn active">Togel</a>
            <a href="/go?to=" class="tab-btn">Buku Mimpi</a>
            <a href="/go?to=" class="tab-btn">Prediksi</a>
          </div>

          <div class="results-header">
            <h2 class="results-title">HASIL</h2>
            <a href="/go?to=" class="btn-riwayat">
              <span>Riwayat</span>
              <span class="nav-arrow-icon">›</span>
            </a>
          </div>

          <div class="search-section">
            <div role="search" aria-label="Cari">
              <div class="search-box">
                <span class="search-icon">🔍</span>
                <input name="search" type="text" class="search-input" placeholder="Cari pasaran..." readonly>
              </div>
            </div>
          </div>
	</div>

  <div class="mt-7">
    <div class="mx-auto z-0 w-full max-w-[1150px] overflow-auto px-2">
      <div class="accordion-wrapper">
        <div class="flex justify-between">
          <div class="accordion-item mt-5">
            <div class="accordion-header">
              <h1 hidden>ARTEMIS88 : Situs Login Bandar Toto Resmi Puluhan Pasaran dan RTP Slots Terbaik</h1>
            </div>
            <div class="accordion-content">
              <h1 class="accordion-title">ARTEMIS88</h1>
              <div class="accordion-text">
               <p style="text-align: justify;">ARTEMIS88 adalah situs login bandar toto resmi dengan banyak pasaran aktif dan info RTP slot transparan. Akses aman, transaksi cepat, khusus 18+ yang bermain bertanggung jawab.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="footer-section mb-3">
    <div class="footer-container mb-3">
      <div class="hidden md:block">
        <div class="flex justify-between items-start">
          <div class="flex flex-col">
            <p class="footer-title">Powered By</p>
            <div class="flex gap-3">
              <amp-img src="https://cdn.imgtree.co/images/1yKbUobX.webp" width="100" height="25" layout="fixed" alt="Viper"></amp-img>
            </div>
          </div>
          <div class="flex flex-col">
            <p class="footer-title">Tanggung Jawab Bermain</p>
            <div class="flex gap-3">
              <amp-img src="https://cdn.imgtree.co/images/h6Rbz7WV.webp" width="65" height="35" layout="fixed" alt="Gambling Support"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/rEdibcxS.webp" width="35" height="35" layout="fixed" alt="18+"></amp-img>
            </div>
          </div>
          <div class="flex flex-col">
            <p class="footer-title text-end">Browser Disarankan</p>
            <div class="flex gap-3 justify-end">
              <amp-img src="https://cdn.imgtree.co/images/-FCroTN9.webp" width="35" height="35" layout="fixed" alt="Chrome"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/5_kDmc0J.webp" width="35" height="35" layout="fixed" alt="Edge"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/Hv-UJim_.webp" width="35" height="35" layout="fixed" alt="Firefox"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/1U584ffH.webp" width="35" height="35" layout="fixed" alt="Opera"></amp-img>
            </div>
          </div>
        </div>
      </div>

      <div class="md:hidden">
        <div>
          <p class="footer-title text-center">Powered By</p>
          <div class="flex gap-3 justify-center">
            <amp-img src="https://cdn.imgtree.co/images/1yKbUobX.webp" width="100" height="25" layout="fixed" alt="Viper"></amp-img>
          </div>
        </div>
      </div>

      <div class="md:hidden footer-divider-mobile"></div>

      <div class="md:hidden">
        <div class="flex justify-between">
          <div class="flex flex-col">
            <p class="footer-title">Tanggung Jawab Bermain</p>
            <div class="flex gap-3">
              <amp-img src="https://cdn.imgtree.co/images/h6Rbz7WV.webp" width="65" height="35" layout="fixed" alt="Gambling Support"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/rEdibcxS.webp" width="35" height="35" layout="fixed" alt="18+"></amp-img>
            </div>
          </div>
          <div class="flex flex-col">
            <p class="footer-title">Browser Disarankan</p>
            <div class="flex gap-3">
              <amp-img src="https://cdn.imgtree.co/images/-FCroTN9.webp" width="35" height="35" layout="fixed" alt="Chrome"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/5_kDmc0J.webp" width="35" height="35" layout="fixed" alt="Edge"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/Hv-UJim_.webp" width="35" height="35" layout="fixed" alt="Firefox"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/1U584ffH.webp" width="35" height="35" layout="fixed" alt="Opera"></amp-img>
            </div>
          </div>
        </div>
      </div>

      <div class="footer-divider"></div>

      <div>
        <div class="flex justify-between">
          <div>
            <p class="footer-title">Metode Pembayaran</p>
            <div class="flex gap-3">
              <amp-img src="https://cdn.imgtree.co/images/h1hebrwB.webp" width="85" height="44" layout="fixed" alt="Bank"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/HGJlM6Jm.webp" width="85" height="44" layout="fixed" alt="E-Wallet"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/3wmS4BUy.webp" width="85" height="44" layout="fixed" alt="QRIS"></amp-img>
              <amp-img src="https://cdn.imgtree.co/images/URvDuaDF.webp" width="85" height="44" layout="fixed" alt="Pulsa"></amp-img>
            </div>
          </div>
        </div>
      </div>

      <div class="hidden md:block footer-divider"></div>

      <div class="hidden md:block">
        <p class="footer-title">Game Provider</p>
        <amp-img src="https://cdn.imgtree.co/images/EN4zil8u.webp" width="1140" height="350" layout="responsive" alt="Game Providers"></amp-img>
      </div>
    </div>
 

    <div class="footer-bottom-container">
      <div>
        <p class="copyright-text">©2025 <a href="/go?to=" class="copyright-link">ARTEMIS88 : Situs Login Bandar Toto Resmi Puluhan Pasaran dan RTP Slots Terbaik</a>. Hak cipta dilindungi | 18+</p>
      </div>

      <div class="hidden md:flex justify-center items-center">
        <nav class="footer-nav-desktop">
          <a href="/go?to=" class="footer-nav-link">Tentang ARTEMIS88 : Situs Login Bandar Toto Resmi Puluhan Pasaran dan RTP Slots Terbaik</a>
          <a href="/go?to=" class="footer-nav-link">Responsible Gambling</a>
          <a href="/go?to=" class="footer-nav-link">Pusat Bantuan</a>
          <a href="/go?to=" class="footer-nav-link">Syarat dan Ketentuan</a>
        </nav>
      </div>
    </div>
  </footer>

  <nav class="bottom-nav" aria-label="Bottom navigation">    
    <a href="/go?to=" class="nav-item active" aria-current="page">      
      <div class="nav-icon-wrapper">
		<svg width="28" height="28" class="nav-icon-img" viewBox="0 0 24 24" xmlns="http://w3.org/2000/svg"><path data-name="home-Filled" d="M21.5 11.01V17a4.5 4.5 0 0 1-4.5 4.5h-2.5V17a2.5 2.5 0 0 0-5 0v4.5H7A4.5 4.5 0 0 1 2.5 17v-5.99a4.48 4.48 0 0 1 1.678-3.5l5-4.018a4.53 4.53 0 0 1 5.643 0l5 4.018a4.47 4.47 0 0 1 1.679 3.5" style="fill:#ffffff80"/></svg>
      </div>      
      <div class="nav-label">Beranda</div>    
    </a>    
    <a href="/go?to=" class="nav-item">      
      <div class="nav-icon-wrapper">
		<svg width="28" height="28" viewBox="0 0 24 24" class="nav-icon-img" xmlns="http://w3.org/2000/svg"><path data-name="discount-Filled" d="m20.62 9.869-.58-.58a1.5 1.5 0 0 1-.44-1.06v-.82A3.013 3.013 0 0 0 16.59 4.4h-.82a1.46 1.46 0 0 1-1.06-.44l-.58-.58a3.024 3.024 0 0 0-4.26 0l-.58.58a1.46 1.46 0 0 1-1.06.44h-.82A3.013 3.013 0 0 0 4.4 7.409v.82a1.46 1.46 0 0 1-.44 1.06l-.58.58a3.02 3.02 0 0 0 0 4.26l.58.58a1.46 1.46 0 0 1 .44 1.06v.82A3.013 3.013 0 0 0 7.41 19.6h.82a1.46 1.46 0 0 1 1.06.44l.58.58a3.02 3.02 0 0 0 4.26 0l.58-.58a1.46 1.46 0 0 1 1.06-.44h.82a3.013 3.013 0 0 0 3.01-3.01v-.82a1.5 1.5 0 0 1 .44-1.06l.58-.58a3.02 3.02 0 0 0 0-4.26ZM9.5 8.249A1.25 1.25 0 1 1 8.25 9.5 1.25 1.25 0 0 1 9.5 8.249m5 7.5a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25m1.21-6.04-6 6A1.02 1.02 0 0 1 9 16a1.04 1.04 0 0 1-.71-.29 1.01 1.01 0 0 1 0-1.42l6-6a1 1 0 1 1 1.42 1.42Z" style="fill:#ffffff80"/></svg>
      </div>      
      <div class="nav-label">Promosi</div>    
    </a>    

    <a href="/go?to=" class="nav-item" style="transform: translateY(-10px);">      
      <div class="nav-icon-wrapper" style="background: linear-gradient(135deg, var(--color-200), var(--color-300)); border-radius: 50%; box-shadow: 0 5px 15px rgba(255,209,0,0.4); padding:10px">        
        <amp-img src="https://cdn.imgtree.co/images/CQrHB_Vn.gif" width="45" height="40" layout="fixed" alt="Dompet" style="filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));"></amp-img>      
      </div>      
    </a>    
    <a href="/go?to=" class="nav-item">      
      <div class="nav-icon-wrapper">  
		<svg width="28" height="28" viewBox="0 0 24 24" class="nav-icon-img" xmlns="http://w3.org/2000/svg"><path data-name="users-three-Filled" d="M20.35 6.71a3.69 3.69 0 0 1-2.61 3.53A6 6 0 0 0 18 8.5a5.99 5.99 0 0 0-2.93-5.15A3.8 3.8 0 0 1 16.65 3a3.707 3.707 0 0 1 3.7 3.71m-.75 4.59a1.65 1.65 0 0 0-1.25.15 3.3 3.3 0 0 1-1.39.41 5 5 0 0 1-.7.85A5.43 5.43 0 0 1 19.92 17h.69a1.23 1.23 0 0 0 1.09-.63 2.55 2.55 0 0 0 .3-1.21v-.71a3.24 3.24 0 0 0-2.4-3.15M8.93 3.35A3.8 3.8 0 0 0 7.35 3a3.7 3.7 0 0 0-1.09 7.24A6 6 0 0 1 6 8.5a5.99 5.99 0 0 1 2.93-5.15m-1.19 9.36a5 5 0 0 1-.7-.85 3.3 3.3 0 0 1-1.39-.41 1.65 1.65 0 0 0-1.25-.15A3.24 3.24 0 0 0 2 14.45v.71a2.55 2.55 0 0 0 .3 1.21 1.22 1.22 0 0 0 1.08.63h.7a5.43 5.43 0 0 1 3.66-4.29m7.84 1.36a2.3 2.3 0 0 0-.53-.07 2.03 2.03 0 0 0-.99.26 4.27 4.27 0 0 1-4.12 0 2.03 2.03 0 0 0-.99-.26 2.3 2.3 0 0 0-.53.07A3.955 3.955 0 0 0 5.5 17.9v.87a3.1 3.1 0 0 0 .37 1.46 1.46 1.46 0 0 0 1.31.77h9.64a1.46 1.46 0 0 0 1.31-.77 3.1 3.1 0 0 0 .37-1.46v-.87a3.955 3.955 0 0 0-2.92-3.83m.92-5.57A4.5 4.5 0 1 0 12 13a4.5 4.5 0 0 0 4.5-4.5" style="fill:#ffffff80"/></svg>
      </div>      
      <div class="nav-label">Turnamen</div>    
    </a>    
    <a href="/go?to=" class="nav-item">      
      <div class="nav-icon-wrapper"> 
		<svg width="28" height="28" viewBox="0 0 24 24" class="nav-icon-img" xmlns="http://w3.org/2000/svg"><path data-name="phone-Filled" d="M20.489 20.011a4.27 4.27 0 0 1-3.241 1.489h-.116A15.04 15.04 0 0 1 2.5 6.868 4.28 4.28 0 0 1 4 3.494a4.03 4.03 0 0 1 3.349-.931 4 4 0 0 1 .474.119 1.49 1.49 0 0 1 1 1.191l.67 4.254a1.52 1.52 0 0 1-.541 1.412 4 4 0 0 1-.262.193.54.54 0 0 0-.215.666 9.86 9.86 0 0 0 5.125 5.127.54.54 0 0 0 .671-.222c.047-.068.1-.135.146-.2a1.51 1.51 0 0 1 1.431-.547l4.332.721a1.47 1.47 0 0 1 1.186 1.033c.027.1.052.207.074.332a4.07 4.07 0 0 1-.951 3.369" style="fill:#ffffff80"/></svg>
      </div>      
      <div class="nav-label">Hub. Kami</div>    
    </a>  
  </nav>
  
</body>
</html>