/* BoxZero Lite UI Layer — v3.0 base, shared visual system */
:root{
  --bz-bg:#07090a;--bz-surface:#0d1112;--bz-surface-2:#121819;--bz-border:rgba(255,255,255,.09);
  --bz-text:#f5f7f6;--bz-muted:#9da8a4;--bz-green:#b8ff35;--bz-green-2:#74d61c;
  --bz-purple:#9b7cff;--bz-purple-2:#6e52d9;--bz-radius:18px;--bz-shadow:0 14px 45px rgba(0,0,0,.22);
}
html{scroll-behavior:smooth;background:var(--bz-bg)}
body{background:radial-gradient(circle at 20% 0%,rgba(184,255,53,.055),transparent 30%),radial-gradient(circle at 90% 10%,rgba(155,124,255,.06),transparent 28%),var(--bz-bg)!important;color:var(--bz-text)!important;font-family:"Vazir Variable","Vazir",system-ui,sans-serif;line-height:1.75}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(184,255,53,.28);color:#fff}

/* shared navigation */
.menu,.navbar,.header,.site-header{background:rgba(7,9,10,.78)!important;border-bottom:1px solid var(--bz-border)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.menu-in,.navbar-inner,.header-inner{max-width:1240px!important;margin:auto!important;padding-inline:20px!important}
.menu a,.navbar a,.site-nav a{transition:.2s ease;color:var(--bz-muted)}
.menu a:hover,.navbar a:hover,.site-nav a:hover{color:var(--bz-green);transform:translateY(-1px)}

/* unified cards / sections */
.card,.glass,.panel,.box,.feature-card,.game-card,.article-card,.download-card,.stat-card,.dashboard-card,.section-card,.auth-card{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid var(--bz-border)!important;border-radius:var(--bz-radius)!important;box-shadow:var(--bz-shadow)!important;
}
.card:hover,.feature-card:hover,.game-card:hover,.article-card:hover,.download-card:hover{border-color:rgba(184,255,53,.22)!important;transform:translateY(-2px)}

/* buttons */
.btn,.button,button[type="submit"],input[type="submit"]{border-radius:12px!important;border:1px solid rgba(184,255,53,.18)!important;transition:.2s ease}
.btn-primary,.primary,.btn-main,.btn-submit,button[type="submit"],input[type="submit"]{background:linear-gradient(135deg,var(--bz-green),var(--bz-green-2))!important;color:#071006!important;box-shadow:0 8px 24px rgba(184,255,53,.13)!important}
.btn-primary:hover,.primary:hover,.btn-main:hover,.btn-submit:hover,button[type="submit"]:hover,input[type="submit"]:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* forms */
input,select,textarea{background:rgba(255,255,255,.035)!important;color:var(--bz-text)!important;border:1px solid var(--bz-border)!important;border-radius:12px!important;outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(184,255,53,.5)!important;box-shadow:0 0 0 3px rgba(184,255,53,.08)!important}

/* headings */
h1,h2,h3,h4{letter-spacing:-.02em}
h1 span,.gradient-text,.accent,.highlight{color:var(--bz-green)}

/* compact footer */
footer{border-top:1px solid var(--bz-border)!important;background:rgba(0,0,0,.22)!important}

/* language control injected by i18n.js */
.bz-language-switcher{position:fixed;top:14px;inset-inline-end:16px;z-index:9999;display:flex;gap:3px;padding:3px;background:rgba(10,13,13,.9);border:1px solid var(--bz-border);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.bz-language-switcher button{border:0!important;background:transparent!important;color:var(--bz-muted)!important;padding:5px 9px!important;min-width:38px;border-radius:999px!important;font-size:12px;font-weight:800}
.bz-language-switcher button.active{background:var(--bz-green)!important;color:#081007!important}

/* light mode */
html[data-theme="light"] body{--bz-bg:#f4f7f5;--bz-surface:#fff;--bz-surface-2:#f8faf9;--bz-text:#111514;--bz-muted:#5f6965;--bz-border:rgba(10,20,16,.11);background:linear-gradient(135deg,#f4f7f5,#eef3ef)!important;color:var(--bz-text)!important}
html[data-theme="light"] .menu,html[data-theme="light"] .navbar,html[data-theme="light"] .header,html[data-theme="light"] .site-header{background:rgba(255,255,255,.82)!important}
html[data-theme="light"] .bz-language-switcher{background:rgba(255,255,255,.9)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#111514!important}

/* responsive */
@media(max-width:900px){
  .menu-in,.navbar-inner,.header-inner{padding-inline:14px!important}
  .bz-language-switcher{top:10px;inset-inline-end:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Auth flow */

.is-hidden { display: none !important; }