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}}

body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}

*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;background:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:15px;padding-bottom:50px;background-image:radial-gradient(circle at 25% 45%,#1a1a1a 1px,transparent 1px) , radial-gradient(circle at 75% 35%,#1a1a1a 1px,transparent 1px);background-size:60px 60px}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }@keyframes borderGlow {
 0% { box-shadow: 0 0 15px rgba(255,215,0,0.3), inset 0 0 10px rgba(255,215,0,0.1); }
 100% { box-shadow: 0 0 25px rgba(255,215,0,0.5), inset 0 0 15px rgba(255,215,0,0.2); }
}@keyframes float { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } }.header-logo{text-align:center;margin:15px 0}.logo{max-width:100px;filter:drop-shadow(0 0 12px #eaeaea) drop-shadow(0 0 24px #b8860b);margin-bottom:6px}.logo-text{font-size:1.0rem;font-weight:800;margin:0;color:#eaeaea;text-shadow:0 0 10px #b8860b , 0 0 20px #000 , 2px 2px 0 #000;letter-spacing:1.5px}.logo-subtitle{font-size:.9rem;color:#eaeaea;margin:5px 0 0;font-weight:700;text-shadow:0 0 6px #b8860b}.marquee-container{width:100%;max-width:340px;overflow:hidden;border:none;border-radius:10px;margin:16px auto;padding:3px;position:relative;box-shadow:none;animation:none}.marquee-container::before{content:'';position:absolute;top:-50%;left:-50%;background:linear-gradient(0deg,#eaeaea,#eaeaea,#eaeaea,green,#00f,#9400d3,#eaeaea);width:200%;height:200%;z-index:0;animation:spin 1s linear infinite;border-radius:10px}.marquee-container::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(25,25,25,.9));border-radius:7px;z-index:1;animation:borderGlow 3s infinite alternate}.marquee{display:inline-block;white-space:nowrap;padding-left:100%;animation:scroll 11s linear infinite;font-weight:700;font-size:.95rem;color:#eaeaea;text-shadow:0 0 8px #b8860b , 1px 1px 0 #000;position:relative;z-index:2}.banner{max-width:320px;width:100%;border-radius:16px;margin:18px auto;border:2px solid #eaeaea;box-shadow:0 0 20px rgba(255,215,0,.4) , 0 0 40px rgba(184,134,11,.2);animation:float 3s ease-in-out infinite alternate}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:340px;width:100%;margin:20px auto}.cta-btn{flex:1 1 45%;min-width:140px;text-align:center;background:none;border-radius:12px;text-decoration:none;border:none;box-shadow:none;transition:all .3s ease;position:relative;overflow:hidden;padding:3px}.cta-btn::before{content:'';position:absolute;top:-50%;left:-50%;background:linear-gradient(0deg,#eaeaea,#eaeaea,#eaeaea,green,#00f,#9400d3,#eaeaea);width:200%;height:200%;z-index:0;animation:spin 1s linear infinite;border-radius:inherit}.cta-btn::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,#eaeaea,#b8860b);border-radius:9px;z-index:1;box-shadow:0 6px 0 #000;transition:all .3s ease}.cta-btn:hover::after{transform:translateY(-4px);box-shadow:0 10px 0 #000}.cta-btn span{position:relative;z-index:2;display:block;color:#000;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;padding:14px 8px;transition:all .3s ease}.cta-btn:hover span{transform:translateY(-4px)}.cta-btn:active::before{width:300px;height:300px}.pasaran-section{max-width:340px;margin:30px auto 10px;background:none;border-radius:14px;border:none;box-shadow:none;padding:3px;position:relative;overflow:hidden}.pasaran-section::before{content:'';position:absolute;top:-50%;left:-50%;background:linear-gradient(0deg,#eaeaea,#eaeaea,#eaeaea,green,#00f,#9400d3,#eaeaea);width:200%;height:200%;z-index:0;animation:spin 1s linear infinite;border-radius:14px}.pasaran-section::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(25,25,25,.9));border-radius:11px;z-index:1;box-shadow:0 6px 20px rgba(0,0,0,.5) , 0 0 20px rgba(255,215,0,.2)}.pasaran-content-wrapper{position:relative;z-index:2;padding:18px;text-align:center}.pasaran-section h2{font-size:1.35rem;color:#eaeaea;text-align:center;margin-bottom:16px;font-weight:700;text-shadow:0 0 10px #b8860b}.pasaran-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pasaran-item{flex:1 1 45%;background:#333;color:#eaeaea;padding:10px 5px;border-radius:8px;font-weight:700;border:1px solid #eaeaea;box-shadow:0 0 8px rgba(255,215,0,.2)}.pasaran-item strong{display:block;font-size:1.1rem;margin-bottom:2px}.pasaran-item small{color:#ccc;font-size:.75rem}.faq-section{max-width:340px;margin:20px auto;background:none;border-radius:14px;border:none;box-shadow:none;backdrop-filter:blur(10px);padding:3px;position:relative;overflow:hidden}.faq-section::before{content:'';position:absolute;top:-50%;left:-50%;background:linear-gradient(0deg,#eaeaea,#eaeaea,#eaeaea,green,#00f,#9400d3,#eaeaea);width:200%;height:200%;z-index:0;animation:spin 1s linear infinite;border-radius:14px}.faq-section::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(25,25,25,.9));border-radius:11px;z-index:1;box-shadow:0 6px 20px rgba(0,0,0,.5) , 0 0 20px rgba(255,215,0,.2)}.faq-section h2,details{position:relative;z-index:2}.faq-section h2{font-size:1.35rem;color:#eaeaea;text-align:center;margin-bottom:16px;font-weight:700;text-shadow:0 0 10px #b8860b;padding-top:15px}details{margin-bottom:12px;border:1px solid #eaeaea;border-radius:10px;background:rgba(0,0,0,.6);overflow:hidden;transition:all .3s ease;box-shadow:0 3px 10px rgba(0,0,0,.3)}details:hover{box-shadow:0 6px 16px rgba(255,215,0,.3) , 0 0 20px rgba(255,215,0,.2);transform:translateY(-2px)}summary{color:#eaeaea;font-size:1rem;font-weight:700;padding:12px 14px;cursor:pointer;background:linear-gradient(to right,rgba(255,215,0,.1),transparent);border-bottom:1px solid #b8860b;display:flex;align-items:center;gap:8px}summary::marker{color:#eaeaea;font-size:1.2em}.faq-answer{padding:14px;font-size:.9rem;line-height:1.7;color:#eee}.faq-answer strong{color:#eaeaea;font-weight:700}.final-cta{text-align:center;margin:28px auto;max-width:340px}.final-cta p{font-size:1.1rem;color:#eaeaea;margin-bottom:12px;font-weight:700;text-shadow:0 0 8px #b8860b}.btn-final{display:inline-block;background:none;border-radius:50px;text-decoration:none;border:none;box-shadow:none;transition:all .3s ease;letter-spacing:1px;position:relative;overflow:hidden;padding:3px}.btn-final::before{content:'';position:absolute;top:-50%;left:-50%;background:linear-gradient(0deg,#eaeaea,#eaeaea,#eaeaea,green,#00f,#9400d3,#eaeaea);width:200%;height:200%;z-index:-1;animation:spin 1s linear infinite;border-radius:inherit}.btn-final::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,#eaeaea,#b8860b);border-radius:47px;z-index:1;box-shadow:0 8px 0 #000;transition:all .3s ease}.btn-final:hover::after{transform:translateY(-4px);box-shadow:0 12px 0 #000}.btn-final span{position:relative;z-index:2;display:block;color:#000;font-weight:800;font-size:1.05rem;text-transform:uppercase;padding:16px 32px;letter-spacing:1px;transition:all .3s ease}.btn-final:hover span{transform:translateY(-4px)}.copyright{text-align:center;margin-top:35px;font-size:.8rem;color:#999;padding:12px;border-top:1px dashed #eaeaea;width:100%;max-width:340px}.copyright a{color:#eaeaea;text-decoration:none;font-weight:600}.copyright a:hover{text-decoration:underline}.floating-cs{position:fixed;bottom:0;left:0;right:0;max-width:340px;margin:0 auto;display:flex;justify-content:space-around;background:rgba(0,0,0,.95);padding:8px 0;border-top:2px solid;border-image:linear-gradient(to right,#eaeaea,#eaeaea,#eaeaea,#eaeaea,#00f,#9400d3,#eaeaea) 1;z-index:100;box-shadow:0 -5px 20px rgba(0,0,0,.5)}.cs-btn{flex:1;text-align:center;font-size:.9rem;font-weight:700;text-decoration:none;color:#000;padding:8px 0;border-radius:6px;margin:0 5px;background:#eaeaea;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:5px}.cs-icon{margin-right:-2px}.cs-btn.wa{background:#000;color:#fff;box-shadow:0 0 10px rgba(37,211,102,.5)}.cs-btn.lc{background:#000;color:#fff;box-shadow:0 0 10px rgba(0,123,255,.5)}@media (max-width:400px){.cta-btn,.btn-final{flex:1 1 100%;font-size:.9rem;padding:12px 8px}.faq-section h2,.pasaran-section h2{font-size:1.25rem}.marquee{font-size:.85rem}.logo-text{font-size:1.0rem}}body{font-family:'Open Sans',sans-serif;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:15px;padding-bottom:50px;background-color:#000;background-image:url(www);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}

/* =========================================================
   HORSEBET78 - Hosting / Responsive Enhancements
   ========================================================= */
html {
  min-width: 320px;
  background: #000;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 16px 12px 72px;
}

.header-logo,
.marquee-container,
.banner,
.final-cta,
.cta-buttons,
.pasaran-section,
.faq-section,
.copyright {
  width: min(100%, 520px);
  max-width: 520px;
}

.header-logo {
  margin: 12px auto 8px;
}

.logo {
  display: block;
  width: auto;
  max-width: min(92vw, 400px);
  height: auto;
  margin: 0 auto 8px;
}

.logo-text {
  line-height: 1.45;
}

.marquee-container {
  max-width: 520px;
  margin: 14px auto;
}

.banner {
  display: block;
  max-width: min(92vw, 500px);
  height: auto;
  margin: 18px auto;
  object-fit: cover;
}

.final-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 22px auto;
}

.final-cta p {
  width: 100%;
}

.btn-final {
  flex: 1 1 180px;
  max-width: 245px;
  text-align: center;
}

.cta-buttons {
  gap: 10px;
  margin: 20px auto 28px;
}

.cta-btn {
  flex: 1 1 200px;
  min-width: 0;
}

.floating-cs {
  width: min(100%, 520px);
  max-width: 520px;
  border-radius: 12px 12px 0 0;
  padding: 7px 8px;
}

.cs-btn {
  min-height: 42px;
}

.cs-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

@media (max-width: 600px) {
  body {
    padding: 10px 9px 70px;
  }

  .logo {
    max-width: 88vw;
  }

  .logo-text {
    font-size: .9rem;
  }

  .marquee {
    font-size: .8rem;
  }

  .banner {
    max-width: 94vw;
    border-radius: 14px;
  }

  .final-cta {
    gap: 9px;
  }

  .btn-final {
    flex: 1 1 44%;
    min-width: 130px;
  }

  .btn-final span {
    padding: 13px 16px;
    font-size: .95rem;
  }

  .cta-btn {
    flex: 1 1 calc(50% - 5px);
  }

  .cta-btn span {
    font-size: .82rem;
    padding: 12px 5px;
  }

  .floating-cs {
    padding: 6px;
  }

  .cs-btn {
    font-size: .8rem;
    margin: 0 3px;
    padding: 7px 4px;
  }
}

@media (max-width: 360px) {
  .cta-btn {
    flex-basis: 100%;
  }

  .btn-final {
    flex-basis: 100%;
    max-width: 100%;
  }

  .cs-btn {
    font-size: .72rem;
  }

  .cs-icon {
    width: 18px;
    height: 18px;
  }
}

/* Accessibility and interaction */
a {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
summary:focus-visible {
  outline: 2px solid #eaeaea;
  outline-offset: 3px;
}

img {
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}