:root{--bg:#101112;--panel:#1b1c1f;--panel2:#232427;--line:#414247;--line-soft:#343539;--text:#f7f7f8;--muted:#bcbec1;--quiet:#a0a1a5;--cyan:#d9ff17;--blue:#d9ff17;--violet:#c4df35;accent-color:#cbed18}
body{background:#101112;color:#f7f7f8;font-family:Manrope,'DM Sans',Arial,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d9ff17;outline-offset:3px}
.topbar,header.shell,.top{border-color:#343539}.brand{text-shadow:none}.brand-mark{filter:none}.brand-mark stop{stop-color:#d9ff17}.brand-mark path[fill="#0a1a32"]{fill:#171819}.brand-mark circle{fill:#d9ff17}
.nav a.active,.lang,.lang button.active,.profile,.mobile-bottom,.nav.open{background:#232427;border-color:#48494d}.nav a:hover,.mobile-bottom a.active,.hero h1 .accent,.section-link span,.current .module-num,.eyebrow,.brand,.account-link,.nav-links a{color:#d9ff17;text-shadow:none}
.hero-art:after{background:linear-gradient(90deg,#101112 0%,#101112 24%,rgba(16,17,18,.92) 40%,rgba(16,17,18,.35) 62%,transparent 82%),linear-gradient(0deg,#101112 0%,transparent 25%,transparent 85%,#101112 100%)}
.cta,.small-button,.action,.tabs button[aria-pressed=true],.lesson-example__download{background:#d9ff17;color:#151610;border-color:#d9ff17;box-shadow:none}
.path,.workspace-section,.module,.lesson,.panel,.lesson-example,.card,.stat-card,.community-post,.lesson-progress-control,.coming{background:#1b1c1f;border-color:#414247;box-shadow:none}
.module:hover,.module.current,.lesson:hover{border-color:#d9ff17;box-shadow:none}.module-art{color:#d9ff17;filter:none}.status,.local-badge{background:#26291a;border-color:#697a24;color:#d9ff78}.progress{background:#101112;border-color:#4a4c40}.progress i{background:#d9ff17}
.workspace-form input,.workspace-form textarea,.form input,.form textarea,.lesson-example__try{background:#101112;border-color:#48494d;color:#f7f7f8}.community-post strong,.stat-card strong,.lesson-example h3,.lesson.is-complete .lesson-copy:after{color:#d9ff17}.lesson-progress-control button{background:#292d19;color:#e4f69e;border-color:#879e2a}.lesson-self-check input{accent-color:#cbed18}
.meta,.muted,.workspace-note,.module p,.module-foot,.intro,.practice,.lesson-example p:not(.eyebrow),.watch-status{color:#bfc0c3}.video-frame,video{max-width:100%}
@media(max-width:700px){.hero-art:after{background:linear-gradient(90deg,#101112 0%,rgba(16,17,18,.92) 28%,rgba(16,17,18,.55) 54%,transparent),linear-gradient(0deg,#101112,transparent 20%,transparent 80%,#101112)}}