/* ===== SmartStudyDZ — dark mode (html[data-theme=dark]) ===== */
html[data-theme=dark]{
  color-scheme:dark;
  --navy:#EAF2FB; --text:#D9E5F2; --muted:#9DB2C8; --white:#0B1726;
  --sky:#16304C; --sky-2:#10233A; --line:#23405F; --blue:#6AB0EA; --blue-2:#8CC3F2;
  --shadow:0 18px 40px -18px rgba(0,0,0,.7); --shadow-s:0 6px 18px -8px rgba(0,0,0,.6);
  --dk-bg:#0B1726; --dk-card:#12233A; --dk-card-2:#172C47; --dk-line:#23405F; --dk-text:#D9E5F2; --dk-head:#EAF2FB;
  background:#0B1726!important;
}
html[data-theme=dark] body{background:#0B1726!important;color:#D9E5F2}
html[data-theme=dark] body.sd-skin{
  --bg-dark:#0B1726; --bg-slate:#12233A; --bg-card:#12233A; --border-color:#23405F;
  --text-primary:#D9E5F2; --text-secondary:#9DB2C8; --text-muted:#7F95AD;
  --brand-primary:#EAF2FB; --brand-accent:#6AB0EA; --brand-accent-hover:#8CC3F2;
  --text-dark:#D9E5F2; --text-medium:#9DB2C8; --text-light:#7F95AD; --border-subtle:#23405F;
  color:#D9E5F2!important;
}
html[data-theme=dark] .sd-skin :is(h1,h2,h3):not(.hdr *):not(.ft *):not(.story *){color:#EAF2FB}

/* header */
html[data-theme=dark] .sd .hdr{background:rgba(11,23,38,.88)}
html[data-theme=dark] .sd .hdr.scrolled{border-bottom-color:#23405F;box-shadow:0 6px 20px -14px rgba(0,0,0,.8)}
html[data-theme=dark] .sd .hdr .logo img,html[data-theme=dark] .sd .ft .logo img{background:#fff;border-radius:12px;padding:3px}
html[data-theme=dark] .sd .btn-ghost,html[data-theme=dark] .sd-skin .hdr .btn-ghost{background:#12233A!important;color:#EAF2FB!important;border-color:#23405F!important}
html[data-theme=dark] .sd .burger{background:#12233A;color:#EAF2FB;border-color:#23405F}
html[data-theme=dark] .sd .nav.open{background:#0F1E31}
html[data-theme=dark] .sd .nav a:hover,html[data-theme=dark] .sd .nav a.on{background:#16304C;color:#EAF2FB}

/* white surfaces of the theme */
html[data-theme=dark] .sd :is(.hero,.eyebrow,.map-bg,.map-hint,.pop,.wbox,.lvl,.tabs,.plan,.rev,.rev-form,.acard,.auth-card,.btn-soc,.btn-rev,.rev-card,.tg-box .tg-ic,.btn-wa){background:#12233A;border-color:#23405F}
html[data-theme=dark] .sd .hero{background:transparent}
html[data-theme=dark] .sd :is(.field,.rev-card input[type=text],.rev-card textarea,.rev-card select,input,textarea,select){background:#0F1E31;color:#EAF2FB;border-color:#23405F}
html[data-theme=dark] .sd :is(.field:focus,.rev-card input:focus,.rev-card textarea:focus,.rev-card select:focus){background:#10233A}
html[data-theme=dark] .sd ::placeholder{color:#7F95AD}
html[data-theme=dark] .sd .soft{background:#10233A}
html[data-theme=dark] .sd .btn-blue{background:#1F5F96;color:#fff}
html[data-theme=dark] .sd .btn-blue:hover{background:#2A7BC0}
html[data-theme=dark] .sd .tab.on{background:#1F5F96;color:#fff}
html[data-theme=dark] .sd .app-card{background:linear-gradient(135deg,#1F5F96 0%,#2B78B8 100%)}
html[data-theme=dark] .sd .wbox.hl{background:linear-gradient(160deg,#1F5F96 0%,#2A73B2 100%)}
html[data-theme=dark] .sd :is(.pillars li:nth-child(2) .pi,.acard .ic){background:linear-gradient(135deg,#1F5F96,#2A7BC0)}
html[data-theme=dark] .sd footer.ft{background:#07111D;border-top:1px solid #1A3350}
html[data-theme=dark] .sd .ft{color:#C9D7E6}
html[data-theme=dark] .sd img:not([src$=".svg"]){filter:none}

/* toggle button */
.sd-theme-btn{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1.5px solid #E1EAF3;background:#fff;color:#183858;cursor:pointer;padding:0;transition:transform .18s ease,background .2s,border-color .2s,color .2s;-webkit-tap-highlight-color:transparent}
.sd-theme-btn:hover{transform:translateY(-2px);border-color:#1F5F96;color:#1F5F96}
.sd-theme-btn svg{width:20px;height:20px;display:block}
.sd-theme-btn .i-sun{display:none}
html[data-theme=dark] .sd-theme-btn{background:#12233A;border-color:#23405F;color:#FFB54D}
html[data-theme=dark] .sd-theme-btn:hover{border-color:#F7A233}
html[data-theme=dark] .sd-theme-btn .i-sun{display:block}
html[data-theme=dark] .sd-theme-btn .i-moon{display:none}
.sd-theme-btn.sd-float{position:fixed;top:14px;left:14px;z-index:2147483000;box-shadow:0 8px 22px -10px rgba(0,0,0,.45)}
@media (max-width:480px){
  html .sd .hdr .wrap{gap:8px}
  html .sd .hdr-cta{gap:6px}
  html .sd .hdr-cta .btn-app{padding-inline:11px}
  .sd-theme-btn{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  .sd-theme-btn svg{width:18px;height:18px}
  html .sd-skin .hdr .logo{font-size:18px!important;gap:8px}
  html .sd-skin .hdr .logo img{width:40px!important;height:40px!important}
}
@media (max-width:420px){
  html .sd .hdr .logo{gap:6px}
  html .sd .hdr .brand-word{font-size:15px}
  html .sd-skin .hdr .logo{font-size:15px!important}
}
@media (max-width:370px){
  html .sd .hdr .brand-word{font-size:13px}
  html .sd-skin .hdr .logo{font-size:13px!important}
  html .sd .hdr-cta .btn-app{padding-inline:8px}
  html .sd .hdr .logo img{width:34px!important;height:34px!important}
}
html.sd-theme-anim,html.sd-theme-anim *{transition:background-color .25s ease,color .25s ease,border-color .25s ease!important}