/* =========================================================
   ph986.click - Core stylesheet
   Prefix: wf39c-
   Palette: #C0C0C0 | #FF8A80 | #DA70D6 | #2F2F2F | #0E1621
   Mobile-first (max 430px), desktop responsive above.
   ========================================================= */

:root{
  --wf39c-bg:#0E1621;
  --wf39c-bg-2:#2F2F2F;
  --wf39c-surface:#162132;
  --wf39c-surface-2:#1d2c44;
  --wf39c-text:#C0C0C0;
  --wf39c-text-strong:#ffffff;
  --wf39c-coral:#FF8A80;
  --wf39c-orchid:#DA70D6;
  --wf39c-gold:#ffd479;
  --wf39c-border:rgba(192,192,192,0.14);
  --wf39c-radius:14px;
  --wf39c-radius-sm:10px;
  --wf39c-shadow:0 6px 22px rgba(0,0,0,0.45);
  --wf39c-grad:linear-gradient(135deg,#FF8A80 0%,#DA70D6 100%);
  --wf39c-maxw:430px;
}

*{box-sizing:border-box;}
html{font-size:62.5%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--wf39c-bg);color:var(--wf39c-text);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  font-size:1.5rem;line-height:1.5rem;letter-spacing:.2px;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--wf39c-coral);text-decoration:none;}
h1,h2,h3,h4{color:var(--wf39c-text-strong);font-weight:700;line-height:1.25;margin:0 0 .6em;}
h1{font-size:2.1rem;}h2{font-size:1.85rem;}h3{font-size:1.6rem;}
p{margin:0 0 1em;}

.wf39c-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.wf39c-skip:focus{position:static;width:auto;height:auto;}

/* ===== Layout containers ===== */
.wf39c-wrapper{
  width:100%;max-width:var(--wf39c-maxw);margin:0 auto;
  padding:0 14px;position:relative;
}
.wf39c-section{padding:22px 0;}
.wf39c-section--alt{background:linear-gradient(180deg,var(--wf39c-bg) 0%,var(--wf39c-surface) 100%);}
.wf39c-eyebrow{
  display:inline-block;font-size:1.15rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wf39c-orchid);margin-bottom:6px;
}
.wf39c-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.wf39c-section-title i{color:var(--wf39c-gold);font-size:1.9rem;}
.wf39c-divider{height:1px;background:var(--wf39c-border);margin:18px 0;}

/* ===== Header ===== */
.wf39c-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(14,22,33,0.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--wf39c-border);
}
.wf39c-header-inner{
  max-width:var(--wf39c-maxw);margin:0 auto;padding:8px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.wf39c-brand{display:flex;align-items:center;gap:8px;min-width:0;}
.wf39c-brand img{width:30px;height:30px;border-radius:8px;}
.wf39c-brand-name{
  color:var(--wf39c-text-strong);font-weight:800;font-size:1.5rem;
  letter-spacing:.06em;white-space:nowrap;
}
.wf39c-brand-name span{color:var(--wf39c-coral);}
.wf39c-actions{display:flex;align-items:center;gap:8px;}
.wf39c-btn{
  border:0;cursor:pointer;border-radius:999px;font-weight:700;
  font-size:1.3rem;padding:9px 16px;min-height:36px;display:inline-flex;
  align-items:center;gap:6px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s;
  font-family:inherit;
}
.wf39c-btn:active{transform:scale(.96);}
.wf39c-btn--login{
  background:transparent;color:var(--wf39c-text-strong);
  border:1px solid var(--wf39c-border);
}
.wf39c-btn--register{
  background:var(--wf39c-grad);color:#1a0d10;
  box-shadow:0 4px 14px rgba(218,112,214,0.35);
}
.wf39c-btn--ghost{
  background:var(--wf39c-surface);color:var(--wf39c-text);
  border:1px solid var(--wf39c-border);
}
.wf39c-icon-btn{
  background:transparent;color:var(--wf39c-text-strong);
  border:1px solid var(--wf39c-border);width:36px;height:36px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
.wf39c-text-link{
  color:var(--wf39c-coral);font-weight:700;cursor:pointer;
  background:transparent;border:0;padding:0;font-family:inherit;font-size:1.4rem;
}
.wf39c-text-link--orchid{color:var(--wf39c-orchid);}

/* ===== Mobile menu panel ===== */
.wf39c-mobile-menu{
  position:fixed;top:56px;left:0;right:0;z-index:9999;
  background:var(--wf39c-surface);border-bottom:1px solid var(--wf39c-border);
  transform:translateY(-130%);transition:transform .28s ease;
  max-height:75vh;overflow-y:auto;padding:10px 14px 18px;
}
.wf39c-mobile-menu.open{transform:translateY(0);}
.wf39c-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.wf39c-menu-item{
  display:flex;align-items:center;gap:10px;padding:11px 12px;
  background:var(--wf39c-surface-2);border-radius:var(--wf39c-radius-sm);
  color:var(--wf39c-text-strong);font-size:1.35rem;font-weight:600;
  border:1px solid var(--wf39c-border);
}
.wf39c-menu-item i{color:var(--wf39c-gold);font-size:1.6rem;}

/* ===== Hero carousel ===== */
.wf39c-hero{padding-top:64px;}
.wf39c-carousel{
  position:relative;border-radius:18px;overflow:hidden;
  box-shadow:var(--wf39c-shadow);background:var(--wf39c-surface);
}
.wf39c-slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none;}
.wf39c-slides::-webkit-scrollbar{display:none;}
.wf39c-slide{
  flex:0 0 100%;scroll-snap-align:center;position:relative;cursor:pointer;
}
.wf39c-slide img{width:100%;height:200px;object-fit:cover;}
.wf39c-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:14px;
  background:linear-gradient(180deg,transparent 0%,rgba(14,22,33,0.92) 100%);
}
.wf39c-slide-cap h3{color:var(--wf39c-text-strong);margin:0 0 2px;font-size:1.55rem;}
.wf39c-slide-cap p{margin:0;color:var(--wf39c-coral);font-size:1.25rem;font-weight:600;}
.wf39c-dots{display:flex;gap:6px;justify-content:center;padding:8px 0;}
.wf39c-dot{width:8px;height:8px;border-radius:50%;background:var(--wf39c-border);cursor:pointer;}
.wf39c-dot.active{background:var(--wf39c-grad);width:22px;border-radius:999px;}

/* ===== Game grid ===== */
.wf39c-game-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.wf39c-game-card{
  background:var(--wf39c-surface);border:1px solid var(--wf39c-border);
  border-radius:var(--wf39c-radius);padding:8px;text-align:center;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
  display:block;color:inherit;
}
.wf39c-game-card:active{transform:scale(.96);}
.wf39c-game-card:hover{border-color:var(--wf39c-orchid);box-shadow:0 6px 18px rgba(218,112,214,0.25);}
.wf39c-game-img{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--wf39c-radius-sm);
  background:var(--wf39c-surface-2);
}
.wf39c-game-name{
  font-size:1.2rem;color:var(--wf39c-text-strong);font-weight:600;
  margin-top:6px;line-height:1.2;min-height:2.4em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.wf39c-cat-label{
  display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;
  color:var(--wf39c-gold);background:rgba(255,212,121,0.08);
  padding:4px 10px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em;
}

/* ===== Feature cards / info blocks ===== */
.wf39c-card{
  background:var(--wf39c-surface);border:1px solid var(--wf39c-border);
  border-radius:var(--wf39c-radius);padding:14px;
}
.wf39c-card h3{margin-bottom:6px;}
.wf39c-card p{margin:0;color:var(--wf39c-text);font-size:1.35rem;}
.wf39c-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.wf39c-feature{
  display:flex;gap:10px;align-items:flex-start;padding:12px;
  background:var(--wf39c-surface);border-radius:var(--wf39c-radius-sm);
  border:1px solid var(--wf39c-border);
}
.wf39c-feature i{font-size:2rem;color:var(--wf39c-coral);flex-shrink:0;}
.wf39c-feature h4{margin:0 0 2px;font-size:1.35rem;color:var(--wf39c-text-strong);}
.wf39c-feature p{margin:0;font-size:1.2rem;color:var(--wf39c-text);}
.wf39c-feature--orchid i{color:var(--wf39c-orchid);}
.wf39c-feature--gold i{color:var(--wf39c-gold);}

/* ===== CTA banner ===== */
.wf39c-cta{
  background:var(--wf39c-grad);color:#1a0d10;border-radius:18px;padding:18px;
  text-align:center;box-shadow:var(--wf39c-shadow);position:relative;overflow:hidden;
}
.wf39c-cta h3{color:#1a0d10;margin-bottom:6px;}
.wf39c-cta p{color:rgba(26,13,16,.78);font-weight:600;margin-bottom:12px;}
.wf39c-cta .wf39c-btn{background:#1a0d10;color:var(--wf39c-text-strong);}
.wf39c-cta .wf39c-btn i{color:var(--wf39c-gold);}

/* ===== RTP / data table ===== */
.wf39c-table{
  width:100%;border-collapse:collapse;font-size:1.3rem;
  background:var(--wf39c-surface);border-radius:var(--wf39c-radius-sm);overflow:hidden;
}
.wf39c-table th,.wf39c-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--wf39c-border);}
.wf39c-table th{background:var(--wf39c-surface-2);color:var(--wf39c-gold);font-weight:700;font-size:1.2rem;}
.wf39c-table td{color:var(--wf39c-text);}
.wf39c-bar{height:6px;background:var(--wf39c-border);border-radius:999px;overflow:hidden;margin-top:4px;}
.wf39c-bar span{display:block;height:100%;background:var(--wf39c-grad);}

/* ===== Testimonials ===== */
.wf39c-quotes{display:flex;flex-direction:column;gap:10px;}
.wf39c-quote{
  background:var(--wf39c-surface);border-left:3px solid var(--wf39c-orchid);
  padding:12px;border-radius:0 var(--wf39c-radius-sm) var(--wf39c-radius-sm) 0;
}
.wf39c-quote p{margin:0 0 6px;font-size:1.3rem;color:var(--wf39c-text-strong);font-style:italic;}
.wf39c-quote footer{font-size:1.15rem;color:var(--wf39c-coral);font-weight:700;}

/* ===== Payment / winners ===== */
.wf39c-chips{display:flex;flex-wrap:wrap;gap:8px;}
.wf39c-chip{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;
  background:var(--wf39c-surface);border:1px solid var(--wf39c-border);
  border-radius:999px;font-size:1.2rem;color:var(--wf39c-text-strong);font-weight:600;
}
.wf39c-chip i{color:var(--wf39c-gold);font-size:1.4rem;}
.wf39c-winners{display:grid;grid-template-columns:1fr;gap:8px;}
.wf39c-winner{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--wf39c-surface);padding:10px 12px;border-radius:var(--wf39c-radius-sm);
  border:1px solid var(--wf39c-border);
}
.wf39c-winner strong{color:var(--wf39c-gold);}
.wf39c-winner span{font-size:1.2rem;color:var(--wf39c-text);}

/* ===== FAQ ===== */
.wf39c-faq{display:flex;flex-direction:column;gap:8px;}
.wf39c-faq summary{
  cursor:pointer;list-style:none;padding:12px;background:var(--wf39c-surface);
  border-radius:var(--wf39c-radius-sm);border:1px solid var(--wf39c-border);
  font-weight:700;color:var(--wf39c-text-strong);font-size:1.35rem;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
}
.wf39c-faq summary::-webkit-details-marker{display:none;}
.wf39c-faq summary i{color:var(--wf39c-coral);transition:transform .2s;}
.wf39c-faq details[open] summary i{transform:rotate(45deg);}
.wf39c-faq-body{padding:10px 14px;color:var(--wf39c-text);font-size:1.3rem;}

/* ===== App download CTA ===== */
.wf39c-app{
  background:linear-gradient(135deg,var(--wf39c-surface) 0%,var(--wf39c-surface-2) 100%);
  border:1px solid var(--wf39c-border);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;
}
.wf39c-app-icon{
  width:54px;height:54px;border-radius:14px;background:var(--wf39c-grad);
  display:flex;align-items:center;justify-content:center;color:#1a0d10;font-size:2.6rem;flex-shrink:0;
}
.wf39c-app-text{flex:1;min-width:0;}
.wf39c-app-text h3{margin:0 0 2px;font-size:1.45rem;}
.wf39c-app-text p{margin:0;font-size:1.2rem;}

/* ===== Footer ===== */
.wf39c-footer{
  background:var(--wf39c-surface);border-top:1px solid var(--wf39c-border);
  padding:22px 0 96px;margin-top:18px;
}
.wf39c-footer-brand{margin-bottom:14px;}
.wf39c-footer-brand p{font-size:1.3rem;color:var(--wf39c-text);max-width:36ch;}
.wf39c-footer-links{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;
}
.wf39c-footer-links a{
  display:inline-flex;align-items:center;gap:6px;color:var(--wf39c-text);
  font-size:1.25rem;font-weight:600;padding:6px 0;
}
.wf39c-footer-links a:hover{color:var(--wf39c-coral);}
.wf39c-footer-cta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.wf39c-footer-copy{font-size:1.15rem;color:var(--wf39c-text);opacity:.8;border-top:1px solid var(--wf39c-border);padding-top:12px;}

/* ===== Bottom nav (mobile only) ===== */
.wf39c-bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;
  height:60px;display:flex;justify-content:space-around;align-items:center;
  background:linear-gradient(180deg,rgba(22,33,50,0.95) 0%,rgba(14,22,33,0.98) 100%);
  backdrop-filter:blur(10px);border-top:1px solid var(--wf39c-border);
  padding-bottom:env(safe-area-inset-bottom,0);
}
.wf39c-bottom-nav button{
  flex:1;background:transparent;border:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;color:var(--wf39c-text);font-size:1rem;font-weight:600;
  min-width:60px;min-height:60px;font-family:inherit;transition:color .2s,transform .2s;
}
.wf39c-bottom-nav button:active{transform:scale(.9);}
.wf39c-bottom-nav button i{font-size:22px;}
.wf39c-bottom-nav button.active{color:var(--wf39c-coral);}
.wf39c-bottom-nav .wf39c-nav-promo{
  position:relative;color:var(--wf39c-gold);
}
.wf39c-bottom-nav .wf39c-nav-promo::before{
  content:"";position:absolute;top:-10px;width:44px;height:44px;border-radius:50%;
  background:var(--wf39c-grad);z-index:-1;box-shadow:0 4px 12px rgba(218,112,214,0.45);
}
.wf39c-bottom-nav .wf39c-nav-promo i{color:#1a0d10;font-size:22px;}

/* ===== Desktop (>=769px) ===== */
@media (min-width:769px){
  :root{--wf39c-maxw:960px;}
  body{font-size:1.6rem;line-height:1.7rem;}
  h1{font-size:2.6rem;}h2{font-size:2.2rem;}h3{font-size:1.9rem;}
  .wf39c-game-grid{grid-template-columns:repeat(6,1fr);}
  .wf39c-grid-2{grid-template-columns:repeat(4,1fr);}
  .wf39c-winners{grid-template-columns:1fr 1fr;}
  .wf39c-footer-links{grid-template-columns:repeat(4,1fr);}
  .wf39c-bottom-nav{display:none;}
  .wf39c-footer{padding-bottom:28px;}
  .wf39c-slide img{height:340px;}
  .wf39c-menu-btn{display:none;}
}

/* ===== Desktop header nav (links) ===== */
.wf39c-desktop-nav{display:none;}
@media (min-width:769px){
  .wf39c-desktop-nav{display:flex;gap:14px;align-items:center;}
  .wf39c-desktop-nav a{color:var(--wf39c-text);font-size:1.35rem;font-weight:600;}
  .wf39c-desktop-nav a:hover{color:var(--wf39c-coral);}
}

/* small helper utilities */
.wf39c-mt-0{margin-top:0;}
.wf39c-mb-0{margin-bottom:0;}
.wf39c-center{text-align:center;}
.wf39c-strong{color:var(--wf39c-text-strong);font-weight:700;}
.wf39c-coral{color:var(--wf39c-coral);}
.wf39c-orchid{color:var(--wf39c-orchid);}
.wf39c-gold{color:var(--wf39c-gold);}
.wf39c-note{font-size:1.15rem;color:var(--wf39c-text);opacity:.85;}