/* Courses, account and payment pages — ZooLanka night navy × gold. */
:root {
    --bg: #060914 !important;
    --surface: #0d1427 !important;
    --border: rgba(148,163,210,.14) !important;
    --accent: #d4a64a !important;
    --accent-light: rgba(212,166,74,.12) !important;
    --accent2: #141c3a !important;
    --text: #eef0f6 !important;
    --muted: #9aa3b8 !important;
    --gold: #d4a64a !important;
}

body { background-color: #060914 !important; color: #eef0f6 !important; }
.mesh { background: transparent !important; }
.mesh::before,.mesh::after,.grain,.ambient,.orb { display: none !important; }

.navbar,.navbar.scrolled {
    background: rgba(6,9,20,.86) !important;
    border-bottom: 1px solid rgba(212,166,74,.18) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
    backdrop-filter: blur(14px) !important;
}
.logo-wrap,.nav-links a,.hamburger { color: #eef0f6 !important; }
.nav-links a.active,.nav-links a:hover { color: #f3d68b !important; }
.nav-links a::after { background: #d4a64a !important; }
.nav-links a.active { background: rgba(212,166,74,.1) !important; border-radius: 999px !important; }
.logo-badge,.avatar { background: linear-gradient(135deg,#141c3a,#0b1128) !important; color: #f3d68b !important; border: 1px solid rgba(212,166,74,.3); }
.btn-nav,.btn {
    background: linear-gradient(135deg,#f6e3a1 0%,#d4a64a 45%,#9c6f22 100%) !important;
    color: #1a1206 !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(212,166,74,.24) !important;
}

.hero { background: transparent !important; }
.hero h1 { color: #f5f1e6 !important; }
.hero h1 .grad {
    background: linear-gradient(135deg,#f6e3a1 0%,#d4a64a 45%,#9c6f22 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    color: #d4a64a !important;
    -webkit-text-fill-color: transparent !important;
}
.eyebrow {
    background: rgba(212,166,74,.1) !important;
    border-color: rgba(212,166,74,.3) !important;
    color: #f3d68b !important;
    box-shadow: none !important;
}
.hero .count b { color: #f3d68b !important; }
.float-ic { color: #d4a64a !important; opacity: .1 !important; }

.glass,.profile,.stat,.course,.table-card {
    background: linear-gradient(180deg,#111a33,#0d1427) !important;
    border: 1px solid rgba(148,163,210,.14) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.45) !important;
    backdrop-filter: none !important;
}
.course:hover { border-color: rgba(212,166,74,.35) !important; }
.course::after { background: radial-gradient(120% 60% at 50% 0%,rgba(212,166,74,.1),transparent 60%) !important; }
.course h3,.course h2,.course .title,.profile-info h1,.head h1,.sec-h { color: #f5f1e6 !important; }
.stat .n,.stat .n.green,.price,.sec-h i { color: #f3d68b !important; }
.price,.price.free { background: none !important; -webkit-text-fill-color: #f3d68b !important; }
.pill.buy,.owned { background: #d4a64a !important; color: #1a1206 !important; }

.summary {
    background: radial-gradient(520px 220px at 100% 0%,rgba(212,166,74,.25),transparent 60%),linear-gradient(120deg,#101a3a,#0b1128) !important;
    color: #fff !important;
    border: 1px solid rgba(212,166,74,.28);
    box-shadow: 0 14px 34px rgba(0,0,0,.45) !important;
}
.summary .big,.summary .lbl { color: #fff !important; }
th { color: #d9c08a !important; }
td { color: #dfe3f0 !important; }

@media (max-width: 900px) {
    .nav-links { background: #0d1427 !important; border-bottom: 1px solid rgba(212,166,74,.2) !important; }
}