/* ===== Core layout stylesheet for casinoplusapkdownloadlatestversion.click ===== */
/* All custom classes use the v4a0- prefix. Mobile-first, max-width 430px. */

:root{
  --v4a0-bg:#0F0F23;
  --v4a0-bg-2:#161634;
  --v4a0-bg-3:#1f1f44;
  --v4a0-text:#CCCCCC;
  --v4a0-primary:#00FFFF;
  --v4a0-primary-soft:rgba(0,255,255,.16);
  --v4a0-accent:#FF3D8B;
  --v4a0-gold:#FFC54E;
  --v4a0-line:rgba(204,204,204,.12);
  --v4a0-radius:1.4rem;
  --v4a0-shadow:0 .8rem 2.4rem rgba(0,0,0,.42);
  font-size:62.5%;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{background:var(--v4a0-bg);color:var(--v4a0-text);font-family:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.5rem;font-size:1.5rem;}
img{max-width:100%;display:block;}
a{color:var(--v4a0-primary);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul,ol{list-style:none;}

/* ---------- Layout container ---------- */
.v4a0-wrap{max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#0F0F23 0%,#0c0c1c 100%);position:relative;overflow:hidden;}
.v4a0-main{padding-bottom:8.5rem; /* clearance for bottom nav */}

/* ---------- Header ---------- */
.v4a0-header{position:sticky;top:0;z-index:1000;background:rgba(15,15,35,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--v4a0-line);}
.v4a0-header-row{max-width:430px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;gap:.6rem;}
.v4a0-brand{display:flex;align-items:center;gap:.55rem;min-width:0;}
.v4a0-brand img{width:2.6rem;height:2.6rem;border-radius:.55rem;}
.v4a0-brand-name{font-weight:800;font-size:1.28rem;color:#fff;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v4a0-brand-name b{color:var(--v4a0-primary);}
.v4a0-head-actions{display:flex;align-items:center;gap:.45rem;}
.v4a0-icon-btn{width:3.6rem;height:3.6rem;display:grid;place-items:center;border-radius:.9rem;background:var(--v4a0-bg-3);color:var(--v4a0-primary);font-size:1.6rem;transition:transform .15s,background .15s;}
.v4a0-icon-btn:active{transform:scale(.92);}
.v4a0-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.05rem;border-radius:1rem;font-weight:700;font-size:1.25rem;min-height:3.4rem;transition:transform .15s,box-shadow .15s;line-height:1.1;}
.v4a0-btn:active{transform:scale(.95);}
.v4a0-btn-primary{background:linear-gradient(135deg,#00FFFF,#19c8d8);color:#04141a;box-shadow:0 .4rem 1.2rem rgba(0,255,255,.28);}
.v4a0-btn-ghost{background:transparent;color:var(--v4a0-text);border:1px solid var(--v4a0-line);}
.v4a0-btn-accent{background:linear-gradient(135deg,#FF3D8B,#ff6a3d);color:#fff;box-shadow:0 .4rem 1.2rem rgba(255,61,139,.32);}

/* ---------- Mobile slide menu ---------- */
.v4a0-menu{position:fixed;inset:0 0 0 auto;width:82%;max-width:340px;background:var(--v4a0-bg-2);z-index:9999;transform:translateX(105%);transition:transform .28s ease;padding:1.3rem 1.1rem 2rem;overflow-y:auto;box-shadow:var(--v4a0-shadow);}
.v4a0-menu.open{transform:translateX(0);}
.v4a0-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s;}
.v4a0-overlay.show{opacity:1;pointer-events:auto;}
.v4a0-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;}
.v4a0-menu-title{font-size:1.45rem;font-weight:800;color:#fff;}
.v4a0-menu-close{width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:.8rem;background:var(--v4a0-bg-3);color:#fff;font-size:1.6rem;}
.v4a0-menu-section{font-size:1.15rem;color:var(--v4a0-primary);font-weight:700;margin:1.1rem .2rem .55rem;text-transform:uppercase;letter-spacing:.6px;}
.v4a0-menu-link{display:flex;align-items:center;gap:.7rem;padding:.95rem .8rem;border-radius:.85rem;color:var(--v4a0-text);font-size:1.25rem;font-weight:600;border:1px solid transparent;}
.v4a0-menu-link i{font-size:1.5rem;color:var(--v4a0-primary);}
.v4a0-menu-link:active{background:var(--v4a0-bg-3);border-color:var(--v4a0-line);}

/* ---------- Hero ---------- */
.v4a0-hero{margin:1rem;padding:1.4rem;border-radius:var(--v4a0-radius);background:radial-gradient(120% 120% at 0% 0%,rgba(0,255,255,.18),transparent 60%),linear-gradient(135deg,#1a1a3e,#0f1530);border:1px solid var(--v4a0-line);position:relative;overflow:hidden;}
.v4a0-hero-eyebrow{display:inline-block;font-size:1.05rem;font-weight:700;color:#04141a;background:var(--v4a0-primary);padding:.3rem .8rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:.7rem;}
.v4a0-hero h1{font-size:2.05rem;line-height:2.4rem;color:#fff;font-weight:800;margin-bottom:.6rem;}
.v4a0-hero h1 em{color:var(--v4a0-primary);font-style:normal;}
.v4a0-hero p{color:var(--v4a0-text);font-size:1.22rem;line-height:1.85rem;margin-bottom:1rem;}
.v4a0-hero-cta{display:flex;gap:.6rem;flex-wrap:wrap;}
.v4a0-hero-blob{position:absolute;right:-3rem;top:-3rem;width:9rem;height:9rem;border-radius:50%;background:radial-gradient(circle,rgba(255,61,139,.55),transparent 70%);filter:blur(2px);}

/* ---------- Stats strip ---------- */
.v4a0-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 1rem 1rem;}
.v4a0-stat{background:var(--v4a0-bg-2);border:1px solid var(--v4a0-line);border-radius:1rem;padding:.85rem .6rem;text-align:center;}
.v4a0-stat b{display:block;font-size:1.5rem;color:var(--v4a0-primary);font-weight:800;}
.v4a0-stat span{font-size:1rem;color:var(--v4a0-text);opacity:.8;}

/* ---------- Section ---------- */
.v4a0-section{margin:1.6rem 1rem;}
.v4a0-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;}
.v4a0-section-title{font-size:1.45rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem;}
.v4a0-section-title i{color:var(--v4a0-primary);}
.v4a0-section-link{font-size:1.1rem;color:var(--v4a0-primary);font-weight:700;}

/* ---------- Game grid ---------- */
.v4a0-cat-label{display:inline-flex;align-items:center;gap:.45rem;font-size:1.2rem;font-weight:700;color:#fff;padding:.35rem .85rem;border-radius:.6rem;background:var(--v4a0-bg-3);margin:.5rem 0 .8rem;}
.v4a0-cat-label i{color:var(--v4a0-primary);}
.v4a0-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;}
.v4a0-game{display:flex;flex-direction:column;align-items:center;background:var(--v4a0-bg-2);border:1px solid var(--v4a0-line);border-radius:.95rem;padding:.55rem .4rem .65rem;text-align:center;transition:transform .15s,border-color .15s;}
.v4a0-game:active{transform:scale(.95);border-color:var(--v4a0-primary);}
.v4a0-game img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.7rem;margin-bottom:.4rem;}
.v4a0-game-name{font-size:1.02rem;color:var(--v4a0-text);font-weight:600;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* ---------- Cards / modules ---------- */
.v4a0-card{background:var(--v4a0-bg-2);border:1px solid var(--v4a0-line);border-radius:var(--v4a0-radius);padding:1.2rem;margin-bottom:1rem;}
.v4a0-card h2{font-size:1.55rem;color:#fff;font-weight:800;margin-bottom:.6rem;line-height:2rem;}
.v4a0-card h2 em{color:var(--v4a0-primary);font-style:normal;}
.v4a0-card h3{font-size:1.3rem;color:var(--v4a0-primary);font-weight:700;margin:.9rem 0 .45rem;}
.v4a0-card p{color:var(--v4a0-text);font-size:1.18rem;line-height:1.85rem;margin-bottom:.55rem;}
.v4a0-card ul{margin:.4rem 0 .8rem;}
.v4a0-card ul li{position:relative;padding:.35rem 0 .35rem 1.6rem;color:var(--v4a0-text);font-size:1.15rem;line-height:1.7rem;}
.v4a0-card ul li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--v4a0-primary);position:absolute;left:0;top:.35rem;font-size:1rem;}

/* Inline promo text link */
.v4a0-text-link{color:var(--v4a0-primary);font-weight:700;border-bottom:1px dashed rgba(0,255,255,.45);}
.v4a0-pillrow{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .8rem;}
.v4a0-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:2rem;background:var(--v4a0-bg-3);border:1px solid var(--v4a0-line);color:var(--v4a0-text);font-size:1.1rem;font-weight:600;}
.v4a0-pill i{color:var(--v4a0-primary);}

/* Steps */
.v4a0-steps{counter-reset:step;}
.v4a0-step{position:relative;padding:.55rem 0 .55rem 3.4rem;}
.v4a0-step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:.45rem;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--v4a0-primary);color:#04141a;font-weight:800;display:grid;place-items:center;font-size:1.2rem;}
.v4a0-step b{color:#fff;font-size:1.2rem;display:block;margin-bottom:.2rem;}
.v4a0-step p{color:var(--v4a0-text);font-size:1.12rem;line-height:1.7rem;}

/* Testimonials */
.v4a0-reviews{display:grid;gap:.6rem;}
.v4a0-review{background:var(--v4a0-bg-3);border-radius:1rem;padding:.85rem;border-left:3px solid var(--v4a0-primary);}
.v4a0-review-stars{color:var(--v4a0-gold);font-size:1rem;margin-bottom:.3rem;}
.v4a0-review p{font-size:1.1rem;color:var(--v4a0-text);line-height:1.6rem;}
.v4a0-review b{color:#fff;font-size:1.05rem;}

/* Payment */
.v4a0-pay{display:flex;flex-wrap:wrap;gap:.5rem;}
.v4a0-pay span{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:.7rem;background:var(--v4a0-bg-3);border:1px solid var(--v4a0-line);font-size:1.1rem;font-weight:600;color:#fff;}
.v4a0-pay i{color:var(--v4a0-primary);}

/* Winners */
.v4a0-winners{display:grid;gap:.45rem;}
.v4a0-winner{display:flex;align-items:center;justify-content:space-between;padding:.55rem .8rem;border-radius:.7rem;background:var(--v4a0-bg-3);border:1px solid var(--v4a0-line);}
.v4a0-winner .who{display:flex;align-items:center;gap:.5rem;font-size:1.12rem;color:#fff;font-weight:600;}
.v4a0-winner .who i{color:var(--v4a0-primary);}
.v4a0-winner .amt{color:var(--v4a0-gold);font-weight:800;font-size:1.15rem;}

/* FAQ */
.v4a0-faq{border:1px solid var(--v4a0-line);border-radius:1rem;margin-bottom:.6rem;overflow:hidden;background:var(--v4a0-bg-2);}
.v4a0-faq summary{list-style:none;padding:.9rem 1rem;font-weight:700;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;}
.v4a0-faq summary::-webkit-details-marker{display:none;}
.v4a0-faq summary i{color:var(--v4a0-primary);}
.v4a0-faq[open] summary i{transform:rotate(45deg);}
.v4a0-faq-body{padding:0 1rem 1rem;color:var(--v4a0-text);font-size:1.12rem;line-height:1.7rem;}

/* CTA strip */
.v4a0-cta{margin:1.4rem 1rem;padding:1.3rem;border-radius:var(--v4a0-radius);background:linear-gradient(135deg,rgba(0,255,255,.18),rgba(255,61,139,.18));border:1px solid var(--v4a0-line);text-align:center;}
.v4a0-cta h2{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:.45rem;}
.v4a0-cta p{color:var(--v4a0-text);font-size:1.15rem;margin-bottom:.9rem;}

/* ---------- Footer ---------- */
.v4a0-footer{background:var(--v4a0-bg-2);border-top:1px solid var(--v4a0-line);padding:1.5rem 1rem 2rem;}
.v4a0-footer h4{font-size:1.2rem;color:#fff;font-weight:800;margin:.8rem 0 .5rem;}
.v4a0-footer-links{display:flex;flex-wrap:wrap;gap:.5rem .9rem;}
.v4a0-footer-links a{font-size:1.1rem;color:var(--v4a0-text);}
.v4a0-footer-links a:hover{color:var(--v4a0-primary);}
.v4a0-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.v4a0-footer-promo button{flex:1 1 45%;}
.v4a0-footer-copy{text-align:center;font-size:1.05rem;color:var(--v4a0-text);opacity:.7;margin-top:1rem;line-height:1.5rem;}

/* ---------- Mobile bottom nav ---------- */
.v4a0-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:rgba(10,10,26,.96);backdrop-filter:blur(10px);border-top:1px solid var(--v4a0-line);}
.v4a0-bottomnav-inner{max-width:430px;margin:0 auto;display:flex;justify-content:space-around;align-items:stretch;height:6rem;padding:.3rem 0;}
.v4a0-bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;min-width:6rem;min-height:5.6rem;color:var(--v4a0-text);transition:transform .15s,color .15s;position:relative;}
.v4a0-bottomnav button:active{transform:scale(.9);}
.v4a0-bottomnav button i{font-size:2rem;}
.v4a0-bottomnav button .bi,.v4a0-bottomnav button .material-symbols-outlined{font-size:2rem;}
.v4a0-bottomnav button span{font-size:1rem;font-weight:600;}
.v4a0-bottomnav button.active{color:var(--v4a0-primary);}
.v4a0-bottomnav button.active:after{content:"";position:absolute;top:0;width:2.4rem;height:3px;border-radius:0 0 4px 4px;background:var(--v4a0-primary);}
.v4a0-bottomnav .v4a0-nav-fab{background:linear-gradient(135deg,#00FFFF,#19c8d8);color:#04141a;border-radius:50%;width:4.4rem;height:4.4rem;margin-top:-1.4rem;box-shadow:0 .5rem 1.4rem rgba(0,255,255,.45);}
.v4a0-bottomnav .v4a0-nav-fab i{font-size:2.1rem;}
.v4a0-bottomnav .v4a0-nav-fab span{font-size:.95rem;}

/* ---------- Desktop tuning ---------- */
@media (min-width:769px){
  .v4a0-bottomnav{display:none;}
  .v4a0-wrap{max-width:430px;}
}
@media (max-width:768px){
  .v4a0-main{padding-bottom:8.5rem;}
}