/* =========================================================
   KassGo Rebuild Final Fix
   One consistent light/dark system + readable cards + mobile layout
   ========================================================= */
:root,
html[data-theme="light"]{
  --kg-bg:#f6faf7;
  --kg-bg-soft:#edf7f0;
  --kg-card:#ffffff;
  --kg-card-2:#f8fbf8;
  --kg-text:#102018;
  --kg-heading:#0b1711;
  --kg-muted:#51635a;
  --kg-line:rgba(10,35,22,.12);
  --kg-green:#16c36b;
  --kg-green-2:#22c55e;
  --kg-yellow:#f6c445;
  --kg-shadow:0 18px 50px rgba(16,32,24,.10);
  --bg:var(--kg-bg) !important;
  --surface:var(--kg-card) !important;
  --surface2:var(--kg-card-2) !important;
  --text:var(--kg-text) !important;
  --muted:var(--kg-muted) !important;
  --line:var(--kg-line) !important;
}
html[data-theme="dark"],
html.dark,
body.dark,
body.dark-mode{
  --kg-bg:#07110c;
  --kg-bg-soft:#0b1b12;
  --kg-card:#0f2117;
  --kg-card-2:#10281b;
  --kg-text:#edfdf3;
  --kg-heading:#ffffff;
  --kg-muted:#b6cfc1;
  --kg-line:rgba(196,255,218,.16);
  --kg-shadow:0 24px 70px rgba(0,0,0,.34);
  --bg:var(--kg-bg) !important;
  --surface:var(--kg-card) !important;
  --surface2:var(--kg-card-2) !important;
  --text:var(--kg-text) !important;
  --muted:var(--kg-muted) !important;
  --line:var(--kg-line) !important;
}
html,body{background:var(--kg-bg)!important;color:var(--kg-text)!important;scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;}
body::before{content:none!important;display:none!important;}
main{background:var(--kg-bg)!important;color:var(--kg-text)!important;}
.container{width:min(100% - 40px,1180px)!important;margin-left:auto!important;margin-right:auto!important;}
.section{padding:clamp(48px,7vw,86px) 0!important;background:transparent!important;}
:is(h1,h2,h3,h4,h5,h6){color:var(--kg-heading)!important;opacity:1!important;text-shadow:none!important;letter-spacing:-.035em;}
p,li,span,small,label{color:var(--kg-muted);opacity:1!important;}
a{text-decoration:none;}
.eyebrow,.section-badge,.mobile-app-badge{color:var(--kg-green)!important;opacity:1!important;font-weight:1000!important;letter-spacing:.16em!important;text-transform:uppercase;}
/* Header rebuilt and stable */
.site-header{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(247,251,248,.92)!important;border-bottom:1px solid var(--kg-line)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 32px rgba(0,0,0,.06)!important;}
html[data-theme="dark"] .site-header,body.dark .site-header,body.dark-mode .site-header{background:rgba(5,14,9,.92)!important;box-shadow:0 12px 38px rgba(0,0,0,.35)!important;}
.site-header-row{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.site-logo{font-size:clamp(28px,3vw,38px)!important;font-weight:1000!important;color:var(--kg-heading)!important;line-height:1!important;white-space:nowrap!important;}
.site-logo span,.site-logo .go{color:var(--kg-green)!important;}
.site-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid var(--kg-line)!important;background:color-mix(in srgb,var(--kg-card) 82%,transparent)!important;border-radius:999px!important;padding:7px!important;box-shadow:0 10px 30px rgba(0,0,0,.05)!important;}
.site-nav>a,.service-trigger{display:flex!important;align-items:center!important;gap:6px!important;padding:11px 15px!important;border-radius:999px!important;color:var(--kg-muted)!important;font-weight:900!important;font-size:15px!important;line-height:1!important;}
.site-nav>a:hover,.site-nav>a.active,.service-trigger:hover{color:var(--kg-green)!important;background:rgba(22,195,107,.10)!important;}
.site-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.icon-btn,#themeBtn,#siteMenuBtn{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--kg-line)!important;background:var(--kg-card)!important;color:var(--kg-heading)!important;display:grid!important;place-items:center!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important;cursor:pointer!important;}
#themeBtn i{color:var(--kg-green)!important;}
.service-dropdown{background:var(--kg-card)!important;border:1px solid var(--kg-line)!important;box-shadow:var(--kg-shadow)!important;border-radius:24px!important;}
.service-dropdown a{color:var(--kg-heading)!important;}
.site-mobile-nav{display:none!important;background:var(--kg-card)!important;border-bottom:1px solid var(--kg-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.12)!important;}
.site-mobile-nav.open{display:block!important;}
.site-mobile-nav .container{display:grid!important;gap:10px!important;padding-top:14px!important;padding-bottom:18px!important;}
.site-mobile-nav a{display:flex!important;justify-content:space-between!important;align-items:center!important;color:var(--kg-heading)!important;background:var(--kg-card-2)!important;border:1px solid var(--kg-line)!important;padding:14px 16px!important;border-radius:18px!important;font-weight:900!important;}
/* Home page */
.mobile-app-hero{background:radial-gradient(circle at 15% 8%,rgba(22,195,107,.18),transparent 28%),linear-gradient(180deg,var(--kg-bg-soft),var(--kg-bg))!important;padding:clamp(46px,7vw,86px) 0!important;}
.mobile-app-hero-card,.app-page-card,.final-home-cta,.app-download-panel{background:linear-gradient(135deg,var(--kg-card),var(--kg-card-2))!important;color:var(--kg-text)!important;border:1px solid var(--kg-line)!important;box-shadow:var(--kg-shadow)!important;border-radius:34px!important;}
.mobile-app-title,.app-page-card h1{color:var(--kg-heading)!important;}
.mobile-app-title .green,.green{color:var(--kg-green)!important;}
.mobile-app-lead,.app-page-card p{color:var(--kg-muted)!important;}
.mobile-trust{background:var(--kg-card-2)!important;color:var(--kg-heading)!important;border:1px solid var(--kg-line)!important;}
.mobile-store-btn,.btn{background:var(--kg-card)!important;color:var(--kg-heading)!important;border:1px solid var(--kg-line)!important;box-shadow:0 12px 32px rgba(0,0,0,.08)!important;font-weight:950!important;}
.btn-green,.mobile-store-btn:hover,.btn:hover{background:linear-gradient(135deg,var(--kg-green),var(--kg-green-2))!important;color:#fff!important;border-color:transparent!important;}
.app-section-title{max-width:900px!important;margin:0 auto 36px!important;text-align:center!important;}
.app-section-title h2{font-size:clamp(34px,5vw,64px)!important;line-height:1.02!important;margin:10px 0 14px!important;}
.app-section-title p{font-size:clamp(16px,2vw,20px)!important;line-height:1.65!important;color:var(--kg-muted)!important;}
.app-services-grid,.app-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
.app-service-card,.app-feature,.promo-mini,.about-clean-card,.contact-panel,.contact-quick-card,.support-service-clean-card,.contact-help-fill-card,.live-support-contact,.support-status-card,.billboard-card,.kassgo-update-card,.special-offers-card,.offer-update-card,.card,article.card{background:linear-gradient(145deg,var(--kg-card),var(--kg-card-2))!important;color:var(--kg-text)!important;border:1px solid var(--kg-line)!important;box-shadow:var(--kg-shadow)!important;border-radius:28px!important;opacity:1!important;}
.app-service-card,.app-feature,.promo-mini,.billboard-card{display:flex!important;flex-direction:column!important;min-height:100%!important;height:auto!important;overflow:hidden!important;}
.app-service-card{padding:22px!important;}
.app-service-card img{height:220px!important;object-fit:cover!important;border-radius:22px!important;background:#fff!important;}
.app-service-card h3,.app-feature h3,.promo-mini h2,.billboard-card h2,.billboard-card h3{color:var(--kg-heading)!important;opacity:1!important;}
.app-service-card p,.app-feature p,.promo-mini p,.billboard-card p{color:var(--kg-muted)!important;opacity:1!important;line-height:1.65!important;}
.app-feature{padding:28px!important;justify-content:flex-start!important;gap:10px!important;}
.app-feature i,.promo-icon{background:linear-gradient(135deg,var(--kg-green),var(--kg-yellow))!important;color:#08110c!important;box-shadow:0 14px 34px rgba(22,195,107,.22)!important;}
.promo-banner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important;}
.promo-mini{padding:34px!important;min-height:310px!important;justify-content:space-between!important;}
.billboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important;}
.billboard-card{padding:34px!important;min-height:260px!important;}
.app-download-panel{display:grid!important;grid-template-columns:1fr .65fr!important;gap:30px!important;padding:44px!important;overflow:hidden!important;}
.app-download-panel h2,.app-download-panel p{color:var(--kg-heading)!important;}
.app-download-phone{color:var(--kg-green)!important;}
/* About page */
.app-page-hero{background:radial-gradient(circle at 12% 8%,rgba(22,195,107,.18),transparent 30%),linear-gradient(180deg,var(--kg-bg-soft),var(--kg-bg))!important;padding:clamp(54px,8vw,100px) 0!important;}
.app-page-card{padding:clamp(34px,5vw,64px)!important;text-align:center!important;}
.about-clean-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;}
.about-clean-card{padding:34px!important;min-height:230px!important;}
.about-clean-card h2{font-size:clamp(28px,4vw,46px)!important;}
/* Contact page */
.contact-clean-page{background:var(--kg-bg)!important;}
.contact-balanced-wrap{max-width:1280px!important;margin:0 auto!important;padding:clamp(24px,4vw,54px) clamp(16px,3vw,36px) 70px!important;}
.contact-hero-balanced{min-height:auto!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.65fr)!important;gap:30px!important;align-items:center!important;background:linear-gradient(135deg,var(--kg-card),var(--kg-card-2))!important;color:var(--kg-text)!important;border:1px solid var(--kg-line)!important;box-shadow:var(--kg-shadow)!important;border-radius:34px!important;padding:clamp(34px,5vw,64px)!important;}
.contact-hero-balanced::after{border-color:rgba(22,195,107,.12)!important;}
.contact-hero-balanced h1{color:var(--kg-heading)!important;font-size:clamp(44px,7vw,86px)!important;line-height:.94!important;}
.contact-hero-balanced p{color:var(--kg-muted)!important;font-size:clamp(17px,2vw,21px)!important;line-height:1.7!important;}
.contact-hero-visual{display:grid!important;place-items:center!important;min-height:260px!important;}
.contact-hero-visual i{width:170px!important;height:170px!important;border-radius:42px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--kg-green),var(--kg-yellow))!important;color:#07110d!important;font-size:82px!important;box-shadow:0 24px 60px rgba(22,195,107,.25)!important;}
.contact-main-grid,.support-main-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;gap:28px!important;align-items:start!important;margin-top:34px!important;}
.contact-left-stack,.contact-right-stack{display:grid!important;gap:24px!important;}
.contact-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.contact-quick-card{padding:24px!important;display:grid!important;gap:10px!important;}
.contact-quick-card i{font-size:28px!important;color:var(--kg-green)!important;}
.contact-panel,.contact-help-fill-card{padding:30px!important;}
.support-service-clean-card{display:grid!important;grid-template-columns:110px 1fr!important;gap:18px!important;align-items:center!important;padding:18px!important;}
.support-service-clean-card img{width:110px!important;height:90px!important;object-fit:cover!important;border-radius:18px!important;}
.contact-live-support-clean{display:grid!important;grid-template-columns:1fr .8fr!important;gap:28px!important;margin-top:34px!important;background:linear-gradient(145deg,var(--kg-card),var(--kg-card-2))!important;border:1px solid var(--kg-line)!important;border-radius:34px!important;box-shadow:var(--kg-shadow)!important;padding:clamp(28px,4vw,46px)!important;}
.contact-live-support-clean h2,.contact-live-support-clean h3,.contact-panel h2,.support-services-clean h2{color:var(--kg-heading)!important;}
.contact-live-support-clean p,.contact-panel p,.support-services-clean p{color:var(--kg-muted)!important;}
.contact-support-btn{border-radius:999px!important;padding:15px 20px!important;font-weight:950!important;color:#fff!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;}
.contact-support-btn.whatsapp{background:#16a34a!important;}
.contact-support-btn.telegram{background:#0284c7!important;}
input,textarea,select{background:var(--kg-card)!important;color:var(--kg-text)!important;border:1px solid var(--kg-line)!important;border-radius:16px!important;}
input::placeholder,textarea::placeholder{color:var(--kg-muted)!important;opacity:.8!important;}
/* Footer */
.production-footer,footer.production-footer{background:linear-gradient(180deg,#07140e,#020604)!important;color:#eafff0!important;border-top:1px solid rgba(34,197,94,.20)!important;margin-top:54px!important;padding:50px 0 24px!important;}
.production-footer-grid{display:grid!important;grid-template-columns:1.2fr .85fr .85fr 1fr!important;gap:34px!important;align-items:start!important;}
.production-footer h2,.production-footer h3{color:#fff!important;}
.production-footer h2 span,.production-footer h2 .go{color:var(--kg-green)!important;}
.production-footer p,.production-footer a,.production-footer span{color:rgba(236,253,245,.82)!important;opacity:1!important;}
.production-footer a{display:block!important;margin:8px 0!important;}
.official-socials{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:18px!important;}
.official-socials a{width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;margin:0!important;font-size:20px!important;}
.production-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;border-top:1px solid rgba(255,255,255,.12)!important;margin-top:28px!important;padding-top:20px!important;}
.developer-credit a{color:var(--kg-green)!important;font-weight:1000!important;display:inline!important;}
@media(max-width:1100px){.site-nav{display:none!important}.site-menu-btn{display:grid!important}.app-services-grid,.app-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-main-grid,.support-main-grid,.contact-live-support-clean,.contact-hero-balanced{grid-template-columns:1fr!important}.contact-quick-grid{grid-template-columns:1fr!important}.production-footer-grid{grid-template-columns:1fr 1fr!important}.production-footer-grid>div:first-child{grid-column:1/-1!important}.app-download-panel{grid-template-columns:1fr!important}.contact-hero-visual{min-height:190px!important}}
@media(min-width:1101px){.site-menu-btn{display:none!important}.site-mobile-nav{display:none!important}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)!important}.section{padding:42px 0!important}.site-header-row{min-height:68px!important}.site-logo{font-size:28px!important}.app-services-grid,.app-feature-grid,.promo-banner,.billboard-grid,.about-clean-grid{grid-template-columns:1fr!important}.mobile-trust-row{grid-template-columns:1fr!important}.mobile-app-hero-card{padding:24px!important;border-radius:28px!important}.app-section-title h2{font-size:34px!important}.promo-mini,.app-feature,.about-clean-card,.contact-panel,.contact-help-fill-card{padding:24px!important}.support-service-clean-card{grid-template-columns:1fr!important}.support-service-clean-card img{width:100%!important;height:180px!important}.contact-hero-balanced h1{font-size:42px!important}.contact-hero-visual i{width:124px!important;height:124px!important;font-size:58px!important}.production-footer{text-align:center!important}.production-footer-grid{grid-template-columns:1fr!important}.official-socials{justify-content:center!important}.production-footer-bottom{justify-content:center!important;text-align:center!important}.developer-credit{white-space:normal!important}.app-service-card img{height:190px!important}}