/* 78wln - Core CSS | Mobile-first gaming site | Prefix: s1d5- */
/* All custom classes use s1d5- prefix to isolate namespace */

:root{
  --s1d5-primary:#0000FF;
  --s1d5-deep:#0F0F23;
  --s1d5-strong:#0000CD;
  --s1d5-accent:#5F9EA0;
  --s1d5-bg:#0F0F23;
  --s1d5-bg-2:#0a0a1c;
  --s1d5-card:#161634;
  --s1d5-text:#E8EAF6;
  --s1d5-text-soft:#B8BBD0;
  --s1d5-text-muted:#7E8099;
  --s1d5-border:rgba(95,158,160,0.22);
  --s1d5-gold:#F5C518;
  --s1d5-green:#28C76F;
  --s1d5-red:#FF4D4D;
  --s1d5-radius:0.8rem;
  --s1d5-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.45);
  --s1d5-max:430px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:62.5%;scroll-behavior:smooth}
body{
  font-family:"Segoe UI","Noto Sans","Roboto",Arial,sans-serif;
  background:radial-gradient(circle at 20% 0%,rgba(0,0,205,0.25),transparent 45%),var(--s1d5-bg);
  color:var(--s1d5-text);
  line-height:1.5rem;
  font-size:1.4rem;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  overflow-x:hidden;
}
a{color:var(--s1d5-accent);text-decoration:none}
img{display:block;max-width:100%}

.s1d5-container{width:100%;max-width:var(--s1d5-max);margin:0 auto;padding:0 1.2rem}
.s1d5-wrapper{max-width:var(--s1d5-max);margin:0 auto;background:var(--s1d5-bg-2);min-height:100vh;position:relative;box-shadow:0 0 2rem rgba(0,0,0,0.6)}

/* ===== Header ===== */
.s1d5-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,rgba(15,15,35,0.98),rgba(15,15,35,0.92));
  border-bottom:1px solid var(--s1d5-border);
  backdrop-filter:blur(10px);
}
.s1d5-header-row{max-width:var(--s1d5-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0.7rem 1.2rem;min-height:5.6rem}
.s1d5-logo{display:flex;align-items:center;gap:0.6rem;font-weight:800;color:#fff;font-size:1.6rem}
.s1d5-logo img{width:2.8rem;height:2.8rem;border-radius:0.4rem}
.s1d5-logo span{background:linear-gradient(90deg,var(--s1d5-primary),var(--s1d5-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.s1d5-header-actions{display:flex;align-items:center;gap:0.5rem}
.s1d5-menu-btn{background:transparent;border:1px solid var(--s1d5-border);color:var(--s1d5-text);width:3.6rem;height:3.6rem;border-radius:0.6rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer}

.s1d5-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.7rem 1.2rem;border-radius:0.6rem;font-weight:700;font-size:1.3rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;min-height:3.6rem;text-decoration:none;line-height:1}
.s1d5-btn:active{transform:scale(0.96)}
.s1d5-btn-register{background:linear-gradient(135deg,var(--s1d5-primary),var(--s1d5-strong));color:#fff;box-shadow:0 0.4rem 0.8rem rgba(0,0,205,0.4)}
.s1d5-btn-login{background:transparent;color:var(--s1d5-text);border:1px solid var(--s1d5-accent)}

/* ===== Mobile Menu ===== */
.s1d5-mobile-menu{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;
  background:rgba(10,10,28,0.97);
  transform:translateX(100%);transition:transform .25s ease;
  padding:6rem 1.2rem 2rem;overflow-y:auto;
}
.s1d5-mobile-menu.open{transform:translateX(0)}
.s1d5-mobile-menu-close{position:absolute;top:1.2rem;right:1.2rem;background:transparent;border:none;color:#fff;font-size:2.2rem;cursor:pointer;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
.s1d5-mobile-menu ul{list-style:none}
.s1d5-mobile-menu li{border-bottom:1px solid var(--s1d5-border)}
.s1d5-mobile-menu a{display:flex;align-items:center;gap:0.8rem;padding:1.3rem 0.5rem;color:var(--s1d5-text);font-size:1.5rem;font-weight:600}
.s1d5-mobile-menu a i{width:2.4rem;text-align:center;color:var(--s1d5-accent)}
.s1d5-mobile-menu-cta{margin-top:1.5rem;display:flex;flex-direction:column;gap:0.8rem}

/* ===== Hero / Carousel ===== */
.s1d5-hero{margin-top:6.4rem;padding:1rem 1.2rem 0.5rem}
.s1d5-carousel{position:relative;border-radius:var(--s1d5-radius);overflow:hidden;box-shadow:var(--s1d5-shadow);background:var(--s1d5-card)}
.s1d5-carousel-track{display:flex;transition:transform .4s ease}
.s1d5-carousel-slide{flex:0 0 100%;position:relative}
.s1d5-carousel-slide img{width:100%;height:16rem;object-fit:cover;cursor:pointer}
.s1d5-carousel-cap{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;background:linear-gradient(0deg,rgba(15,15,35,0.92),transparent);color:#fff}
.s1d5-carousel-cap h2{font-size:1.5rem;font-weight:800;margin-bottom:0.2rem}
.s1d5-carousel-cap p{font-size:1.1rem;color:var(--s1d5-text-soft)}
.s1d5-carousel-dots{position:absolute;bottom:0.8rem;left:50%;transform:translateX(-50%);display:flex;gap:0.4rem;z-index:2}
.s1d5-carousel-dot{width:0.7rem;height:0.7rem;border-radius:50%;background:rgba(255,255,255,0.4);border:none;cursor:pointer}
.s1d5-carousel-dot.active{background:var(--s1d5-gold);width:1.6rem;border-radius:0.4rem}

/* ===== Sections ===== */
.s1d5-section{padding:1.8rem 1.2rem}
.s1d5-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.s1d5-section-head h2{font-size:1.7rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:0.5rem}
.s1d5-section-head h2 i{color:var(--s1d5-gold)}
.s1d5-section-head a{font-size:1.2rem;color:var(--s1d5-accent);font-weight:600}

.s1d5-h1{font-size:2rem;font-weight:800;color:#fff;line-height:1.35rem;text-align:center;margin-bottom:0.8rem;padding:0 0.5rem}
.s1d5-lead{text-align:center;color:var(--s1d5-text-soft);font-size:1.3rem;margin-bottom:1.2rem;padding:0 0.5rem}

/* ===== Game Grid ===== */
.s1d5-game-cat{margin-bottom:1.8rem}
.s1d5-cat-title{display:flex;align-items:center;gap:0.6rem;font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:0.8rem;padding-bottom:0.4rem;border-bottom:2px solid var(--s1d5-strong)}
.s1d5-cat-title i{color:var(--s1d5-gold)}
.s1d5-cat-title .s1d5-cat-count{margin-left:auto;font-size:1.1rem;color:var(--s1d5-text-muted);font-weight:500}
.s1d5-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.7rem}
.s1d5-game-card{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-radius:0.7rem;overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease;text-align:center;padding:0.5rem}
.s1d5-game-card:active{transform:scale(0.96);border-color:var(--s1d5-primary)}
.s1d5-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0.5rem;margin-bottom:0.4rem}
.s1d5-game-card span{display:block;font-size:1.05rem;color:var(--s1d5-text-soft);font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* ===== Promo / CTA ===== */
.s1d5-cta{display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center;margin:0.8rem 0}
.s1d5-cta .s1d5-btn{flex:1;min-width:12rem}
.s1d5-text-link{color:var(--s1d5-gold);font-weight:700;text-decoration:underline;text-underline-offset:0.2rem;cursor:pointer}

.s1d5-promo-banner{background:linear-gradient(135deg,rgba(0,0,205,0.35),rgba(95,158,160,0.18));border:1px solid var(--s1d5-border);border-radius:var(--s1d5-radius);padding:1.2rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer}
.s1d5-promo-banner:active{transform:scale(0.98)}
.s1d5-promo-banner i{font-size:2.4rem;color:var(--s1d5-gold)}
.s1d5-promo-banner div h3{font-size:1.4rem;color:#fff;font-weight:800;margin-bottom:0.2rem}
.s1d5-promo-banner div p{font-size:1.15rem;color:var(--s1d5-text-soft)}

/* ===== Feature cards ===== */
.s1d5-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.7rem}
.s1d5-feature{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-radius:0.7rem;padding:1rem;text-align:center}
.s1d5-feature i{font-size:2.2rem;color:var(--s1d5-primary);margin-bottom:0.4rem;display:block}
.s1d5-feature.material-icons{font-family:'Material Icons'}
.s1d5-feature h3{font-size:1.25rem;color:#fff;font-weight:700;margin-bottom:0.2rem}
.s1d5-feature p{font-size:1.1rem;color:var(--s1d5-text-muted);line-height:1.3}

/* ===== RTP Table ===== */
.s1d5-rtp-table{width:100%;border-collapse:collapse;background:var(--s1d5-card);border-radius:0.6rem;overflow:hidden;font-size:1.15rem}
.s1d5-rtp-table th,.s1d5-rtp-table td{padding:0.6rem 0.4rem;text-align:center;border-bottom:1px solid var(--s1d5-border)}
.s1d5-rtp-table th{background:rgba(0,0,205,0.3);color:#fff;font-weight:700;font-size:1.1rem}
.s1d5-rtp-table td.s1d5-rtp-high{color:var(--s1d5-green);font-weight:700}
.s1d5-rtp-table td.s1d5-rtp-mid{color:var(--s1d5-gold)}
.s1d5-rtp-table tr:last-child td{border-bottom:none}

/* ===== Testimonials ===== */
.s1d5-testi{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-left:3px solid var(--s1d5-gold);border-radius:0.6rem;padding:1rem;margin-bottom:0.7rem}
.s1d5-testi-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.4rem}
.s1d5-testi-avatar{width:2.8rem;height:2.8rem;border-radius:50%;background:linear-gradient(135deg,var(--s1d5-primary),var(--s1d5-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem}
.s1d5-testi-name{font-size:1.2rem;color:#fff;font-weight:700}
.s1d5-testi-stars{color:var(--s1d5-gold);font-size:1rem;margin-left:auto}
.s1d5-testi p{font-size:1.15rem;color:var(--s1d5-text-soft);line-height:1.35}

/* ===== Payment / Winners ===== */
.s1d5-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem}
.s1d5-pay{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-radius:0.5rem;padding:0.6rem 0.3rem;text-align:center;font-size:1rem;color:var(--s1d5-text-soft);font-weight:600}
.s1d5-pay i{font-size:1.6rem;color:var(--s1d5-accent);display:block;margin-bottom:0.2rem}
.s1d5-winner{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0;border-bottom:1px solid var(--s1d5-border);font-size:1.15rem}
.s1d5-winner:last-child{border-bottom:none}
.s1d5-winner-name{flex:1;color:var(--s1d5-text)}
.s1d5-winner-game{color:var(--s1d5-text-muted);font-size:1rem}
.s1d5-winner-amount{color:var(--s1d5-green);font-weight:800}

/* ===== FAQ ===== */
.s1d5-faq-item{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-radius:0.6rem;margin-bottom:0.6rem;overflow:hidden}
.s1d5-faq-q{padding:0.9rem 1rem;font-size:1.25rem;color:#fff;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:0.5rem}
.s1d5-faq-q .s1d5-faq-icon{color:var(--s1d5-gold);font-size:1.4rem;transition:transform .2s}
.s1d5-faq-item.open .s1d5-faq-icon{transform:rotate(45deg)}
.s1d5-faq-a{padding:0 1rem;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;color:var(--s1d5-text-soft);font-size:1.18rem}
.s1d5-faq-item.open .s1d5-faq-a{padding:0 1rem 0.9rem;max-height:30rem}

/* ===== App Download ===== */
.s1d5-app-box{background:linear-gradient(135deg,rgba(0,0,205,0.35),rgba(95,158,160,0.2));border:1px solid var(--s1d5-border);border-radius:var(--s1d5-radius);padding:1.2rem;text-align:center;margin:0.8rem 0}
.s1d5-app-box h3{font-size:1.5rem;color:#fff;font-weight:800;margin-bottom:0.3rem}
.s1d5-app-box p{color:var(--s1d5-text-soft);font-size:1.18rem;margin-bottom:0.8rem}
.s1d5-app-btns{display:flex;gap:0.6rem;justify-content:center;flex-wrap:wrap}

/* ===== Footer ===== */
.s1d5-footer{background:var(--s1d5-bg-2);border-top:1px solid var(--s1d5-border);padding:1.8rem 1.2rem 1rem;margin-top:1.5rem}
.s1d5-footer-brand{font-size:1.18rem;color:var(--s1d5-text-soft);line-height:1.4;margin-bottom:1rem}
.s1d5-footer-brand strong{color:var(--s1d5-gold)}
.s1d5-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-bottom:1rem}
.s1d5-footer-links a{font-size:1.15rem;color:var(--s1d5-text-soft);padding:0.3rem 0;display:flex;align-items:center;gap:0.4rem}
.s1d5-footer-links a i{color:var(--s1d5-accent);font-size:1rem}
.s1d5-footer-cta{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}
.s1d5-footer-cta .s1d5-btn{flex:1;min-width:8rem;font-size:1.15rem;padding:0.6rem 0.8rem}
.s1d5-footer-copy{text-align:center;font-size:1.05rem;color:var(--s1d5-text-muted);padding-top:0.8rem;border-top:1px solid var(--s1d5-border)}

/* ===== Bottom Nav (Mobile) ===== */
.s1d5-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,rgba(15,15,35,0.98),rgba(10,10,28,1));
  border-top:1px solid var(--s1d5-border);
  display:flex;justify-content:space-around;align-items:center;
  height:6rem;max-width:var(--s1d5-max);margin:0 auto;
  backdrop-filter:blur(8px);
}
.s1d5-bottom-nav-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:0.2rem;background:none;border:none;color:var(--s1d5-text-muted);
  font-size:1rem;font-weight:600;cursor:pointer;height:100%;padding:0.3rem;min-width:60px;min-height:56px;
  transition:color .15s ease,transform .15s ease;position:relative;
}
.s1d5-bottom-nav-item:active{transform:scale(0.92)}
.s1d5-bottom-nav-item.active{color:var(--s1d5-gold)}
.s1d5-bottom-nav-item.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2.4rem;height:0.25rem;background:var(--s1d5-gold);border-radius:0 0 0.3rem 0.3rem}
.s1d5-bottom-nav-item i{font-size:2.2rem}
.s1d5-bottom-nav-item span{font-size:1rem}
.s1d5-bottom-nav-item .s1d5-badge{position:absolute;top:0.3rem;right:1.2rem;background:var(--s1d5-red);color:#fff;font-size:0.85rem;min-width:1.4rem;height:1.4rem;border-radius:0.7rem;display:flex;align-items:center;justify-content:center;padding:0 0.3rem;font-weight:700}

/* ===== Desktop ===== */
@media (min-width:769px){
  .s1d5-bottom-nav{display:none}
  .s1d5-wrapper{box-shadow:0 0 3rem rgba(0,0,0,0.6)}
  main{padding-bottom:1rem !important}
}
@media (max-width:768px){
  main{padding-bottom:7.5rem}
}

/* ===== Content pages ===== */
.s1d5-page-hero{margin-top:6.4rem;padding:1.4rem 1.2rem;background:linear-gradient(135deg,rgba(0,0,255,0.18),rgba(95,158,160,0.12));border-bottom:1px solid var(--s1d5-border)}
.s1d5-breadcrumb{font-size:1.1rem;color:var(--s1d5-text-muted);margin-bottom:0.8rem}
.s1d5-breadcrumb a{color:var(--s1d5-accent);font-weight:700}
.s1d5-page-card{background:var(--s1d5-card);border:1px solid var(--s1d5-border);border-radius:var(--s1d5-radius);padding:1.1rem;margin-bottom:1rem;box-shadow:var(--s1d5-shadow)}
.s1d5-page-card h2{font-size:1.55rem;color:#fff;margin-bottom:0.7rem;line-height:1.35}
.s1d5-page-card h3{font-size:1.3rem;color:var(--s1d5-gold);margin:0.8rem 0 0.4rem}
.s1d5-page-card p,.s1d5-page-card li{font-size:1.18rem;color:var(--s1d5-text-soft);line-height:1.55}
.s1d5-page-card ul,.s1d5-page-card ol{padding-left:1.8rem;margin:0.6rem 0}
.s1d5-step{display:flex;gap:0.8rem;padding:0.8rem 0;border-bottom:1px solid var(--s1d5-border)}
.s1d5-step:last-child{border-bottom:none}
.s1d5-step-num{flex:0 0 2.8rem;height:2.8rem;border-radius:50%;background:linear-gradient(135deg,var(--s1d5-primary),var(--s1d5-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}
.s1d5-note{border-left:3px solid var(--s1d5-gold);background:rgba(245,197,24,0.08);padding:0.9rem;border-radius:0.5rem;margin:0.8rem 0;color:var(--s1d5-text-soft);font-size:1.15rem;line-height:1.5}
.s1d5-inline-links{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.8rem}
.s1d5-inline-links a{font-size:1.1rem;color:var(--s1d5-gold);font-weight:700;text-decoration:underline;text-underline-offset:0.2rem}
.s1d5-review-score{display:grid;grid-template-columns:repeat(2,1fr);gap:0.7rem;margin-top:0.8rem}
.s1d5-score-box{background:rgba(0,0,205,0.22);border:1px solid var(--s1d5-border);border-radius:0.7rem;padding:0.8rem;text-align:center}
.s1d5-score-box strong{display:block;color:var(--s1d5-gold);font-size:1.8rem;line-height:1.2}
.s1d5-score-box span{font-size:1.05rem;color:var(--s1d5-text-soft)}

/* utility */
.s1d5-hidden{display:none}
.s1d5-text-center{text-align:center}
.s1d5-mt-1{margin-top:0.8rem}
.s1d5-mb-1{margin-bottom:0.8rem}