/* Betpro Zone Exchange — neon green theme (login/dashboard/money) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

:root{
  --zone-bg0:#001a08;
  --zone-bg1:#003314;
  --zone-lime:#7CFF2E;
  --zone-lime2:#32CD32;
  --zone-deep:#0a2e14;
  --zone-ink:#04140A;
  --zone-paper:#f3ffe8;
  --zone-muted:rgba(230,255,210,.72);
}

/* Auth / landing green gradient like reference */
body.auth-body,
body.land-body,
html body.auth-body,
html body.land-body{
  background:
    linear-gradient(180deg, #001408 0%, #0a4a1c 38%, #1a9a32 72%, #3dcc3a 100%)!important;
  color:#fff!important;
  font-family:Outfit,system-ui,sans-serif!important;
}
body.land-body .land-stage{
  background:
    linear-gradient(180deg, #001408 0%, #062814 28%, #0f6a28 58%, #28b83a 82%, #5adf4a 100%)!important;
}
body.land-body .land-glow{
  background:radial-gradient(ellipse at center, rgba(124,255,46,.45), transparent 68%)!important;
  opacity:.7!important;
  bottom:-12%!important;
  height:55%!important;
}
body.land-body .land-mesh{
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px)!important;
}

body.land-body .land-logo,
body.land-body .land-hero-pic{
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(124,255,46,.42))!important;
}
@keyframes landPulse{
  0%,100%{filter:drop-shadow(0 14px 28px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(124,255,46,.28))!important}
  50%{filter:drop-shadow(0 18px 36px rgba(0,0,0,.45)) drop-shadow(0 0 34px rgba(124,255,46,.55))!important}
}
body.land-body .land-ready .land-logo,
body.land-body .land-ready .land-hero-pic{
  animation:landIn .7s cubic-bezier(.2,.8,.2,1) .05s forwards, landPulse 3.2s ease-in-out 1s infinite!important;
}

body.land-body .land-title,
body.land-body .land-sub{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
body.land-body .land-sub{color:rgba(255,255,255,.88)!important}
body.land-body .land-nav-sign{
  background:rgba(255,255,255,.96)!important;
  color:#04140A!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
body.land-body .cta-main{
  background:#fff!important;
  color:#04140A!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
body.land-body .cta-soft{
  color:#04140A!important;
  border:2px solid #04140A!important;
  background:rgba(255,255,255,.92)!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
.auth-wrap::before{opacity:.2!important}
.auth-card{
  background:rgba(0,20,8,.28)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px);
}
.auth-card input,
.auth-card .field input{
  background:transparent!important;
  border:0!important;
  border-bottom:1.5px solid rgba(255,255,255,.85)!important;
  border-radius:0!important;
  color:#fff!important;
}
.auth-card label{color:#fff!important}
.auth-card button[type=submit],
.auth-card .btn-primary,
.auth-actions .btn.solid,
.cta-main{
  background:#fff!important;
  color:#04140A!important;
  border-radius:999px!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
.brand-mark{
  border:3px solid #fff!important;
  box-shadow:0 0 0 4px rgba(124,255,46,.25)!important;
}
a{color:#eaffc8!important}

/* Dashboard / money pages */
html,body,
.dash-app{
  background:
    radial-gradient(ellipse 70% 40% at 50% -8%, rgba(124,255,46,.16), transparent 55%),
    linear-gradient(180deg,#001408 0%, #04140A 48%, #062012 100%)!important;
  color:var(--zone-paper)!important;
}
.dash-app::before{
  background:
    radial-gradient(ellipse at 30% 0%, rgba(124,255,46,.08), transparent 45%),
    radial-gradient(ellipse at 80% 100%, rgba(50,205,50,.06), transparent 40%)!important;
}

.dash-header,
.dash-header.cap-head{
  background:linear-gradient(135deg,#0a4a1c 0%, #1a9a32 40%, #7CFF2E 78%, #b8ff6a 100%)!important;
  border-bottom:1px solid rgba(124,255,46,.35)!important;
  box-shadow:0 6px 28px rgba(50,205,50,.28)!important;
}
.cap-user strong{color:#04140A!important}
.cap-user span,#capUserEmail{color:rgba(4,20,10,.75)!important}
.cap-avatar{
  background:linear-gradient(135deg,#04140A,#0a2e14)!important;
  color:#7CFF2E!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.35)!important;
}
.cap-head .notif-btn,
.cap-head .logout-btn{
  background:rgba(4,20,10,.2)!important;
  color:#04140A!important;
  border-color:rgba(4,20,10,.2)!important;
}
.cap-head .notif-btn svg,
.cap-head .logout-btn svg{stroke:#04140A!important}

.cred-card.cap-card{
  background:
    radial-gradient(420px 160px at 0% 0%, rgba(124,255,46,.14), transparent 55%),
    linear-gradient(180deg,#0d2a18 0%, #06160c 100%)!important;
  border:1px solid rgba(124,255,46,.3)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.4), 0 0 24px rgba(124,255,46,.08)!important;
}
.cap-active{
  background:#7CFF2E!important;
  color:#04140A!important;
  box-shadow:0 0 12px rgba(124,255,46,.35)!important;
}
.cap-link{
  background:rgba(124,255,46,.06)!important;
  border:1px solid rgba(124,255,46,.28)!important;
  color:#fff!important;
}
.cap-link .chev{color:#7CFF2E!important}
.cap-link .link-logo{
  border-color:rgba(124,255,46,.4)!important;
  box-shadow:0 0 10px rgba(124,255,46,.2)!important;
}
.cap-ticker{border-color:rgba(124,255,46,.25)!important;background:rgba(4,20,10,.92)!important}
.money-rail.cap-money .money-btn.dep,
.money-rail.cap-money .money-btn.wd{
  background:linear-gradient(135deg,#b8ff6a,#7CFF2E 45%,#32CD32)!important;
  color:#04140A!important;
  box-shadow:0 8px 18px rgba(124,255,46,.28)!important;
}
.cap-promo{
  background:linear-gradient(90deg,#1a9a32,#7CFF2E)!important;
  color:#04140A!important;
}

/* shutter */
.bottom-nav.shutter-nav.cap-nav{
  background:rgba(2,16,8,.97)!important;
  border-top:1px solid rgba(124,255,46,.3)!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.45)!important;
}
.cap-nav .nav-item{color:rgba(230,255,210,.55)!important}
.cap-nav .nav-item.active{
  color:#b8ff6a!important;
  background:rgba(124,255,46,.12)!important;
}
.cap-nav .nav-item.active .sh-ico svg,
.cap-nav .nav-item[data-nav="deposit"] .sh-ico svg,
.cap-nav .nav-item[data-nav="withdrawal"] .sh-ico svg{stroke:#7CFF2E!important}
.cap-nav .nav-item[data-nav="deposit"] .sh-label,
.cap-nav .nav-item[data-nav="withdrawal"] .sh-label{color:#b8ff6a!important}
.cap-nav .nav-item .sh-ico.sh-logo{
  border-color:rgba(124,255,46,.45)!important;
  box-shadow:0 0 10px rgba(124,255,46,.25)!important;
}

/* Help support unique green pill */
.live-chat.help-fab,
.live-chat.premium-chat,
.live-chat{
  background:linear-gradient(135deg, rgba(10,42,20,.96), rgba(2,16,8,.98))!important;
  border:1px solid rgba(124,255,46,.45)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.5), 0 0 28px rgba(124,255,46,.2)!important;
}
.live-chat .live-chat-core{
  background:
    radial-gradient(circle at 32% 28%, rgba(184,255,106,.4), transparent 52%),
    linear-gradient(145deg, #7CFF2E 0%, #32CD32 58%, #0a4a1c 100%)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 6px 16px rgba(124,255,46,.4)!important;
}
.live-chat .live-chat-core svg.help-ico,
.live-chat .live-chat-core svg.help-ico path,
.live-chat .live-chat-core svg.help-ico rect,
.live-chat .live-chat-core svg.help-ico circle{stroke:#04140A!important}
.live-chat .live-chat-sub{color:#b8ff6a!important}
.live-chat .live-chat-sub::before{
  background:#7CFF2E!important;
  box-shadow:0 0 0 0 rgba(124,255,46,.55)!important;
}
.live-chat .live-chat-ring{border-color:rgba(124,255,46,.4)!important}

/* Money pages */
.money-page{
  background:
    radial-gradient(700px 320px at 90% -10%, rgba(124,255,46,.14), transparent 50%),
    linear-gradient(180deg,#001408,#04140A 40%,#062012)!important;
  color:#f3ffe8!important;
}
.money-page .dash-header{
  background:rgba(2,20,10,.9)!important;
  border-bottom:1px solid rgba(124,255,46,.25)!important;
}
.money-page .back-header-btn{color:#7CFF2E!important}
.panel.dep-look,
.panel.wd-look{
  background:
    radial-gradient(520px 200px at 0% 0%, rgba(124,255,46,.12), transparent 55%),
    linear-gradient(165deg, rgba(10,42,22,.98), rgba(4,20,10,.99))!important;
  border:1px solid rgba(124,255,46,.32)!important;
}
.money-sub,
.money-guide h3,
.dep-look .pay-num,
.dep-look .pay-copy,
.btn.green{
  color:#7CFF2E;
}
.btn.green,
.panel.wd-look .btn.green{
  background:linear-gradient(135deg,#b8ff6a,#7CFF2E 45%,#32CD32)!important;
  color:#04140A!important;
  box-shadow:0 8px 22px rgba(124,255,46,.3)!important;
}
.dep-look .pay-tile,
.wd-look .pay-tile{
  border-color:rgba(124,255,46,.3)!important;
  background:linear-gradient(160deg, rgba(12,48,24,.95), rgba(6,20,12,.98))!important;
}
.dep-look .pay-tile.on,
.wd-look .pay-tile.on{
  border-color:rgba(124,255,46,.7)!important;
  box-shadow:0 0 0 1px rgba(124,255,46,.35), 0 0 22px rgba(124,255,46,.18)!important;
}
.panel input{
  border-color:rgba(124,255,46,.3)!important;
}
.panel input:focus{
  border-color:rgba(124,255,46,.6)!important;
  box-shadow:0 0 0 3px rgba(124,255,46,.12)!important;
}
.file{border-color:rgba(124,255,46,.4)!important;color:#7CFF2E!important}

/* radar / pulse green */
.pulse.signal-console{
  border-color:rgba(124,255,46,.35)!important;
  background:
    radial-gradient(380px 120px at 8% 0%, rgba(124,255,46,.16), transparent 55%),
    linear-gradient(165deg, #06160c 0%, #04140A 55%, #001408 100%)!important;
}
.signal-live{color:#b8ff6a!important;border-color:rgba(124,255,46,.4)!important}
.signal-live i{background:#7CFF2E!important;box-shadow:0 0 8px #7CFF2E!important}
.sig-row.in{box-shadow:inset 3px 0 0 #7CFF2E!important}
.sig-row.in .sig-amt,.sig-row.in .sig-amt strong{color:#b8ff6a!important}

.apk-download-bar{
  background:linear-gradient(135deg, rgba(124,255,46,.16), rgba(50,205,50,.12))!important;
  border:1px solid rgba(124,255,46,.3)!important;
}
.loader-bp{
  background:
    radial-gradient(520px 280px at 50% 28%, rgba(124,255,46,.22), transparent 58%),
    linear-gradient(165deg, #001408 0%, #04140A 42%, #062012 100%)!important;
}
.loader-bp-brand span{color:#7CFF2E!important}
.loader-bp-bar i{background:linear-gradient(90deg,#7CFF2E,#32CD32)!important;box-shadow:0 0 12px #7CFF2E!important}
.loader-bp-ring::before{border-top-color:#7CFF2E!important;box-shadow:0 0 18px rgba(124,255,46,.35)!important}