/* ===== casino plus login base stylesheet (prefix wd413-) ===== */
/* Color palette: #273746 | #6C757D | #00E5FF | #1E90FF | #00CED1 | #00BFFF */
/* Dark colors as background, light colors as text accents */

:root{
  --wd413-bg:#0f1b25;
  --wd413-bg-alt:#16263a;
  --wd413-deep:#273746;
  --wd413-muted:#6C757D;
  --wd413-cyan:#00E5FF;
  --wd413-blue:#1E90FF;
  --wd413-teal:#00CED1;
  --wd413-sky:#00BFFF;
  --wd413-text:#eaf6fb;
  --wd413-text-soft:#b8c6d1;
  --wd413-gold:#ffd479;
  --wd413-grad:linear-gradient(135deg,#1E90FF 0%,#00CED1 60%,#00E5FF 100%);
  --wd413-shadow:0 6px 24px rgba(0,0,0,.35);
  --wd413-radius:14px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font-family:'Poppins','Segoe UI',Tahoma,sans-serif;
  background:var(--wd413-bg);
  color:var(--wd413-text);
  line-height:1.5;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  min-height:100vh;
  position:relative;
}
img{max-width:100%;display:block;}
a{color:var(--wd413-cyan);text-decoration:none;}
.wd413-container{width:100%;padding:0 1.2rem;}

/* ===== Header ===== */
.wd413-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  background:linear-gradient(180deg,rgba(15,27,37,.98),rgba(39,55,70,.96));
  backdrop-filter:blur(10px);
  z-index:1000;
  border-bottom:1px solid rgba(0,229,255,.18);
  padding:.7rem 1rem;
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
}
.wd413-brand{display:flex;align-items:center;gap:.55rem;color:var(--wd413-text);}
.wd413-logo{
  width:30px;height:30px;border-radius:8px;
  background:var(--wd413-grad);
  display:flex;align-items:center;justify-content:center;
  color:#06283d;font-weight:800;font-size:1.4rem;
}
.wd413-brand-name{font-size:1.35rem;font-weight:800;letter-spacing:.3px;
  background:var(--wd413-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.wd413-brand-tag{font-size:1rem;color:var(--wd413-text-soft);font-weight:500;}
.wd413-header-actions{display:flex;align-items:center;gap:.5rem;}
.wd413-menu-btn{
  background:transparent;border:0;color:var(--wd413-cyan);
  font-size:1.9rem;cursor:pointer;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;border-radius:8px;
}
.wd413-btn{
  border:0;border-radius:24px;padding:.55rem 1.1rem;font-size:1.15rem;
  font-weight:700;cursor:pointer;letter-spacing:.3px;transition:transform .15s, box-shadow .2s;
}
.wd413-btn:active{transform:scale(.95);}
.wd413-btn-login{background:transparent;color:var(--wd413-cyan);border:1px solid var(--wd413-cyan);}
.wd413-btn-register{background:var(--wd413-grad);color:#06283d;box-shadow:0 4px 14px rgba(0,229,255,.35);}
.wd413-text-link{color:var(--wd413-gold);font-weight:700;border-bottom:1px dashed rgba(255,212,121,.5);cursor:pointer;}

/* ===== Mobile Menu Drawer ===== */
.wd413-overlay{
  position:fixed;inset:0;background:rgba(4,12,20,.7);z-index:9999;
  opacity:0;visibility:hidden;transition:opacity .25s;
}
.wd413-overlay.wd413-active{opacity:1;visibility:visible;}
.wd413-drawer{
  position:fixed;top:0;right:0;height:100%;width:80%;max-width:320px;
  background:var(--wd413-bg-alt);z-index:10000;
  transform:translateX(100%);transition:transform .28s ease;
  padding:1.4rem;overflow-y:auto;
  border-left:1px solid rgba(0,229,255,.2);
}
.wd413-drawer.wd413-active{transform:translateX(0);}
.wd413-drawer-title{font-size:1.5rem;font-weight:800;color:var(--wd413-cyan);margin-bottom:1rem;}
.wd413-drawer a{
  display:flex;align-items:center;gap:.7rem;
  padding:.85rem .8rem;border-radius:10px;
  color:var(--wd413-text);font-size:1.2rem;font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.wd413-drawer a:active{background:rgba(0,229,255,.1);}
.wd413-drawer-cta{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem;}

/* ===== Layout ===== */
main{padding-top:62px;padding-bottom:90px;}
.wd413-section{padding:1.6rem 0;}
.wd413-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.wd413-section-title{font-size:1.45rem;font-weight:800;color:var(--wd413-text);position:relative;padding-left:.85rem;}
.wd413-section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:1.5rem;background:var(--wd413-grad);border-radius:3px;}
.wd413-more{font-size:1.05rem;color:var(--wd413-teal);font-weight:600;}

/* ===== Hero / Carousel ===== */
.wd413-hero{padding:1rem 1.2rem 0;}
.wd413-carousel{
  position:relative;border-radius:var(--wd413-radius);overflow:hidden;
  box-shadow:var(--wd413-shadow);background:#000;
}
.wd413-carousel-track{display:flex;transition:transform .45s ease;}
.wd413-slide{min-width:100%;position:relative;cursor:pointer;}
.wd413-slide img{width:100%;height:170px;object-fit:cover;}
.wd413-slide-cap{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(0deg,rgba(4,12,20,.92),transparent);
  padding:.8rem 1rem;color:var(--wd413-text);
}
.wd413-slide-cap h2{font-size:1.25rem;color:var(--wd413-cyan);margin-bottom:.2rem;}
.wd413-slide-cap p{font-size:1.05rem;color:var(--wd413-text-soft);}
.wd413-dots{display:flex;gap:.4rem;justify-content:center;margin-top:.55rem;}
.wd413-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;}
.wd413-dot.wd413-active{background:var(--wd413-cyan);width:18px;border-radius:5px;}

/* ===== CTA bar ===== */
.wd413-cta{display:flex;gap:.6rem;margin:1rem 1.2rem;}
.wd413-cta .wd413-btn{flex:1;padding:.85rem 0;font-size:1.2rem;text-align:center;}

/* ===== Game grid ===== */
.wd413-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:0 1.2rem .8rem;scrollbar-width:none;}
.wd413-tabs::-webkit-scrollbar{display:none;}
.wd413-tab{
  padding:.45rem 1rem;border-radius:20px;background:rgba(255,255,255,.06);
  color:var(--wd413-text-soft);font-size:1.05rem;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid transparent;
}
.wd413-tab.wd413-active{background:var(--wd413-grad);color:#06283d;border-color:var(--wd413-cyan);}
.wd413-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:0 1.2rem;}
.wd413-game{
  background:var(--wd413-bg-alt);border-radius:10px;overflow:hidden;
  border:1px solid rgba(0,229,255,.08);cursor:pointer;
  transition:transform .15s, box-shadow .2s;
}
.wd413-game:active{transform:scale(.96);}
.wd413-game img{width:100%;height:88px;object-fit:cover;background:#0a1622;}
.wd413-game-name{
  font-size:.95rem;color:var(--wd413-text);text-align:center;
  padding:.35rem .2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ===== Cards / Generic ===== */
.wd413-card{
  background:var(--wd413-bg-alt);border-radius:var(--wd413-radius);
  padding:1.1rem;border:1px solid rgba(0,229,255,.1);box-shadow:var(--wd413-shadow);
}
.wd413-card h3{font-size:1.3rem;color:var(--wd413-cyan);margin-bottom:.5rem;font-weight:700;}
.wd413-card p{font-size:1.1rem;color:var(--wd413-text-soft);margin-bottom:.5rem;}
.wd413-card-grid{display:grid;grid-template-columns:1fr;gap:.7rem;padding:0 1.2rem;}
.wd413-feature{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.7rem;}
.wd413-feature .wd413-ico{width:36px;height:36px;border-radius:8px;background:rgba(0,229,255,.12);
  display:flex;align-items:center;justify-content:center;color:var(--wd413-cyan);font-size:1.5rem;flex-shrink:0;}
.wd413-feature h4{font-size:1.15rem;color:var(--wd413-text);margin-bottom:.2rem;}
.wd413-feature p{font-size:1rem;color:var(--wd413-text-soft);}

/* ===== Steps ===== */
.wd413-steps{counter-reset:step;display:grid;gap:.7rem;padding:0 1.2rem;}
.wd413-step{
  background:var(--wd413-bg-alt);border-radius:10px;padding:.85rem .9rem;
  border-left:3px solid var(--wd413-blue);position:relative;
}
.wd413-step h4{font-size:1.15rem;color:var(--wd413-cyan);margin-bottom:.25rem;}
.wd413-step p{font-size:1rem;color:var(--wd413-text-soft);}

/* ===== RTP compact ===== */
.wd413-rtp-row{display:flex;align-items:center;justify-content:space-between;
  padding:.6rem .9rem;background:var(--wd413-bg-alt);border-radius:8px;margin-bottom:.5rem;}
.wd413-rtp-row span:first-child{color:var(--wd413-text);font-weight:600;font-size:1.05rem;}
.wd413-rtp-badge{padding:.2rem .6rem;border-radius:12px;font-size:.95rem;font-weight:700;
  background:rgba(0,229,255,.15);color:var(--wd413-cyan);}

/* ===== Testimonial ===== */
.wd413-quote{background:var(--wd413-bg-alt);border-radius:10px;padding:.9rem;margin-bottom:.6rem;border-left:3px solid var(--wd413-teal);}
.wd413-quote p{font-size:1.05rem;color:var(--wd413-text);font-style:italic;margin-bottom:.4rem;}
.wd413-quote .wd413-author{font-size:.95rem;color:var(--wd413-cyan);font-weight:600;}

/* ===== Winners ticker ===== */
.wd413-winner{display:flex;align-items:center;justify-content:space-between;
  padding:.55rem .8rem;border-bottom:1px dashed rgba(255,255,255,.08);font-size:1rem;}
.wd413-winner .wd413-user{color:var(--wd413-text-soft);}
.wd413-winner .wd413-amt{color:var(--wd413-gold);font-weight:700;}

/* ===== Payment chips ===== */
.wd413-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.2rem;}
.wd413-chip{background:rgba(255,255,255,.06);border:1px solid rgba(0,229,255,.15);
  padding:.4rem .9rem;border-radius:18px;color:var(--wd413-text);font-size:1rem;font-weight:600;}

/* ===== App download ===== */
.wd413-app{background:linear-gradient(135deg,#16263a,#1E90FF 200%);border-radius:var(--wd413-radius);
  padding:1.2rem;text-align:center;margin:0 1.2rem;}
.wd413-app h3{font-size:1.4rem;color:var(--wd413-text);margin-bottom:.4rem;}
.wd413-app p{font-size:1.05rem;color:var(--wd413-text-soft);margin-bottom:.9rem;}

/* ===== FAQ ===== */
.wd413-faq{border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem 0;}
.wd413-faq summary{font-size:1.12rem;font-weight:600;color:var(--wd413-cyan);cursor:pointer;list-style:none;}
.wd413-faq summary::-webkit-details-marker{display:none;}
.wd413-faq p{font-size:1rem;color:var(--wd413-text-soft);margin-top:.45rem;}

/* ===== Footer ===== */
.wd413-footer{
  background:var(--wd413-bg-alt);border-top:1px solid rgba(0,229,255,.15);
  padding:1.6rem 1.2rem 2rem;margin-top:1rem;
}
.wd413-footer-brand{font-size:1.4rem;font-weight:800;color:var(--wd413-cyan);margin-bottom:.5rem;}
.wd413-footer p{font-size:1.02rem;color:var(--wd413-text-soft);margin-bottom:.8rem;}
.wd413-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:1rem 0;}
.wd413-footer-links a{color:var(--wd413-text-soft);font-size:1rem;}
.wd413-footer-links a:hover{color:var(--wd413-cyan);}
.wd413-footer-promos{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.wd413-footer-promos .wd413-btn{font-size:1.05rem;padding:.5rem .9rem;}
.wd413-footer-copy{font-size:.9rem;color:var(--wd413-muted);text-align:center;margin-top:.8rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem;}

/* ===== Bottom nav ===== */
.wd413-bottomnav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:62px;
  background:linear-gradient(180deg,rgba(15,27,37,.98),rgba(39,55,70,.99));
  border-top:1px solid rgba(0,229,255,.25);
  display:flex;justify-content:space-around;align-items:center;z-index:1000;
  box-shadow:0 -4px 20px rgba(0,0,0,.4);
}
.wd413-bottomnav button,.wd413-bottomnav a{
  background:transparent;border:0;color:var(--wd413-text-soft);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;font-size:1rem;font-weight:600;
  text-decoration:none;cursor:pointer;transition:color .2s,transform .15s;gap:2px;
}
.wd413-bottomnav button:active,.wd413-bottomnav a:active{transform:scale(.9);}
.wd413-bottomnav .wd413-bn-ico{font-size:2rem;line-height:1;}
.wd413-bottomnav .wd413-active{color:var(--wd413-cyan);}
.wd413-bottomnav .wd413-bn-badge{
  width:26px;height:26px;border-radius:50%;background:var(--wd413-grad);
  color:#06283d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1px;
}

/* ===== Desktop hide bottom nav ===== */
@media(min-width:769px){
  .wd413-bottomnav{display:none;}
  main{padding-bottom:30px;}
}

/* ===== Utility ===== */
.wd413-text-center{text-align:center;}
.wd413-mt{margin-top:1rem;}
.wd413-lead{font-size:1.1rem;color:var(--wd413-text-soft);padding:0 1.2rem;margin-bottom:1rem;}
.wd413-h1{font-size:1.7rem;font-weight:800;color:var(--wd413-text);padding:0 1.2rem;margin-bottom:.5rem;line-height:1.3;}
.wd413-h1 span{background:var(--wd413-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}