/* ZooLanka public-page shell: night navy × gold across every public flow
   (courses, articles, MCQ, seminars, parent portal, forgot password …). */
:root{
  --ol-cream:#060914;--ol-cream-2:#0f1530;--ol-white:#0d1427;--ol-card-2:#111a33;
  --ol-navy:#eef0f6;--ol-navy-2:#060914;--ol-orange:#d4a64a;--ol-on-accent:#1a1206;
  --ol-orange-dark:#9c7426;--ol-muted:#9aa3b8;--ol-border:rgba(148,163,210,.14);
  --ol-shadow:0 14px 38px rgba(0,0,0,.45);
  --zl-gold-grad:linear-gradient(135deg,#f6e3a1 0%,#d4a64a 45%,#9c6f22 100%);
  --zl-line:rgba(148,163,210,.14);--zl-input:#0a1022;--zl-input-bd:#26305a;
  --bg:var(--ol-cream)!important;--bg-app:var(--ol-cream)!important;--bg-main:var(--ol-cream)!important;
  --bg-default:var(--ol-cream)!important;--surface:var(--ol-white)!important;
  --card:var(--ol-white)!important;--bg-card:var(--ol-white)!important;--card-bg:var(--ol-white)!important;
  --primary:var(--ol-orange)!important;--primary-dark:var(--ol-orange-dark)!important;
  --accent:var(--ol-orange)!important;--accent2:#141c3a!important;--gold:var(--ol-orange)!important;
  --accent-soft:rgba(212,166,74,.12)!important;--accent-light:rgba(212,166,74,.12)!important;--primary-glow:rgba(212,166,74,.16)!important;
  --text:var(--ol-navy)!important;--ink:var(--ol-navy)!important;
  --text-primary:var(--ol-navy)!important;--text-secondary:var(--ol-muted)!important;
  --muted:var(--ol-muted)!important;--border:var(--zl-line)!important;--line:var(--zl-line)!important;
}
html{color-scheme:dark!important}
html,body{background:var(--ol-cream)!important;color:var(--ol-navy)!important}
body{background-image:radial-gradient(1100px 520px at 88% -8%,rgba(212,166,74,.09),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(43,62,140,.22),transparent 60%)!important;background-attachment:fixed!important}
body>header{position:relative;z-index:1150}
.mesh,.ambient{background:transparent!important}.mesh::before,.mesh::after,.orb,.grain{display:none!important}
::selection{background:rgba(212,166,74,.32);color:#fff}

.navbar,.topbar,.navigation,.nav{
  background:rgba(6,9,20,.86)!important;color:var(--ol-navy)!important;
  border-color:rgba(212,166,74,.18)!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(14px)!important;
}
.brand,.logo-wrap,.nav-brand,.navigation a,.nav-links a{color:var(--ol-navy)!important}
.nav-links a:hover,.nav-links a.on,.nav-links a.active{color:#f3d68b!important;background:rgba(212,166,74,.1)!important}
.nav-links a::after{background:var(--ol-orange)!important}
.logo-badge,.logo-fallback{background:#141c3a!important;color:#f3d68b!important}

.card,.glass,.panel,.form-card,.table-card,.modal-box,.mbox,.empty,.drow,.box,.course,.profile,.stat{
  background:linear-gradient(180deg,var(--ol-card-2),var(--ol-white))!important;color:var(--ol-navy)!important;
  border-color:var(--zl-line)!important;box-shadow:var(--ol-shadow)!important;backdrop-filter:none!important;
}
h1,h2,h3,h4,h5,h6,.title,.t{color:#f5f1e6!important}
p,.sub,.desc,.meta,.d,.lbl,.muted{color:var(--ol-muted)!important}
label{color:#cfd4e4}
input,select,textarea,.f-input{background:var(--zl-input)!important;color:var(--ol-navy)!important;border-color:var(--zl-input-bd)!important}
input::placeholder,textarea::placeholder{color:#5f6a8a!important}
select option{background:#0d1427;color:var(--ol-navy)}
input:focus,select:focus,textarea:focus,.f-input:focus{border-color:var(--ol-orange)!important;box-shadow:0 0 0 3px rgba(212,166,74,.16)!important;outline:none!important}
input[type=checkbox],input[type=radio]{accent-color:var(--ol-orange)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--zl-input) inset!important;-webkit-text-fill-color:var(--ol-navy)!important}
.btn,.btn-nav,.btn-lg,.tute-btn,button[type="submit"],input[type="submit"]{
  background:var(--zl-gold-grad)!important;color:var(--ol-on-accent)!important;border-color:transparent!important;
  font-weight:700;box-shadow:0 10px 24px rgba(212,166,74,.22)!important;
}
.btn i,.btn-nav i,.btn-lg i,button[type="submit"] i{color:inherit!important}
.btn:hover,.btn-nav:hover,.btn-lg:hover,.tute-btn:hover,button[type="submit"]:hover{filter:brightness(1.08)}
.btn.ghost,.btn-outline,.back{background:rgba(255,255,255,.04)!important;color:var(--ol-navy)!important;border:1px solid rgba(212,166,74,.3)!important;box-shadow:none!important}
.btn.green,.btn.g,.btn-lg.green{background:var(--zl-gold-grad)!important;color:var(--ol-on-accent)!important}
.top a,.price,.price-tag,.sec-title{color:#e8c46e!important}
.bankbox{background:var(--ol-cream-2)!important;color:var(--ol-navy)!important}
.video-box,.poster{background:#03050c!important}.poster:hover .poster-play{background:var(--ol-orange)!important;border-color:var(--ol-orange)!important}
.pl-item.active{background:rgba(212,166,74,.1)!important}.pl-item.active .pl-num{background:var(--ol-orange)!important;color:#1a1206!important}.pl-item.active .pl-title{color:#f3d68b!important}
table,th,td,tr{border-color:var(--zl-line)!important}th{background:#101834!important;color:#d9c08a!important}td{color:#dfe3f0}
a:not([class]){color:#e8c46e}

/* Home contact panel copy stays light on its navy surface. */
.contact-section .contact-copy,.contact-section .contact-copy small,.contact-section .contact-copy h2{color:#fff!important}
.contact-section .contact-copy p{color:#c9cee0!important}
.contact-section .contact-details a{color:#fff!important;text-decoration:none!important}
.contact-section .contact-details a:hover{color:#f3d68b!important}

/* Links injected into pages that used a minimal header. */
.ol-quick-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.ol-quick-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;color:var(--ol-navy)!important;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.ol-quick-nav a:hover,.ol-quick-nav a[aria-current="page"]{background:rgba(212,166,74,.1)!important;color:#f3d68b!important}
.ol-nav-toggle{display:none;width:42px;height:42px;border:1px solid rgba(212,166,74,.3)!important;border-radius:11px;background:#0d1427!important;color:#f3d68b!important;box-shadow:none!important;align-items:center;justify-content:center;font-size:22px;cursor:pointer}
.ol-nav-toggle span{display:block;width:20px;height:2px;background:currentColor;position:relative;border-radius:5px}
.ol-nav-toggle span::before,.ol-nav-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:5px}
.ol-nav-toggle span::before{top:-6px}.ol-nav-toggle span::after{top:6px}
.ol-standalone-header{height:68px;padding:10px 5%;display:flex;align-items:center;gap:14px;background:#060914;border-bottom:1px solid rgba(212,166,74,.18);position:fixed;top:0;left:0;right:0;z-index:1150}
body.ol-has-standalone{padding-top:68px!important}
.ol-standalone-brand{font-weight:800;font-size:19px;color:#d4a64a!important;text-decoration:none}
.ol-inline-header{position:relative;z-index:10}

/* contrast guard classes (js/zl-contrast.js) */
.zl-surf{background-color:var(--ol-white)!important;background-image:none!important}
.zl-ink{color:var(--ol-navy)!important}.zl-ink-muted{color:var(--ol-muted)!important}.zl-ink-dark{color:#1a1206!important}
.zl-bd{border-color:var(--zl-line)!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#070b18}::-webkit-scrollbar-thumb{background:#26305a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ol-orange-dark)}

@media(max-width:900px){
  .navbar,.topbar,.navigation{min-height:68px!important;padding-left:18px!important;padding-right:18px!important;position:relative}
  .ol-nav-toggle{display:inline-flex}
  .ol-quick-nav{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;z-index:1000;padding:12px;background:#0d1427;border:1px solid rgba(212,166,74,.2);border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.6);flex-direction:column;align-items:stretch}
  .ol-quick-nav.is-open{display:flex}
  .ol-quick-nav a{padding:13px 15px;font-size:14px}
  .nav-links{background:#0d1427!important;border-color:rgba(212,166,74,.2)!important;gap:4px!important}
  .nav-links.open{display:flex!important}
  .nav-links li{display:block!important;width:100%!important}
  .nav-links li a{display:block!important;width:100%!important;padding:12px 14px!important;line-height:1.35!important}
  .navlinks{display:none!important;position:absolute;top:100%;left:12px;right:12px;z-index:1000;padding:12px!important;background:#0d1427!important;border:1px solid rgba(212,166,74,.2);border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.6);flex-direction:column;align-items:stretch!important;gap:3px!important;font-size:14px!important}
  .navlinks.is-open{display:flex!important}
  .navlinks a{display:block;padding:12px 14px!important;border-radius:10px;font-size:14px!important}
  .navlinks .login{margin-top:4px;text-align:center;color:#1a1206!important}
  header .nav{position:relative}
}
@media(max-width:520px){
  .navbar .btn,.topbar .nav-right>.btn{padding:9px 12px!important;font-size:12px!important}
  .container,.wrap{padding-left:16px!important;padding-right:16px!important}
}
@media print{html,body{background:#fff!important;color:#000!important;background-image:none!important}}