/* Course-specific continuation of the studio system. Reading remains light for long text. */
:root{--bg:#101114;--bg-2:#18191d;--panel:#1d1e24;--line:#34353d;--text:#f4f2f7;--muted:#b4b2bf;--purple:#bdadff;--violet:#bdadff;--cyan:#bdadff;--grad:linear-gradient(#bdadff,#bdadff);--grad-cool:linear-gradient(#bdadff,#bdadff);--display:'Manrope','IBM Plex Sans Thai',sans-serif;--font:'Manrope','IBM Plex Sans Thai',sans-serif;--zx-primary:#7560b8;--zx-primary-2:#9c88d8;--zx-primary-deep:#514078;--zx-canvas:#f4f2f7;--zx-line:#ded9e9;--zx-radius:18px;--zx-shadow:0 8px 30px #25183209;--zx-shadow-lg:0 16px 45px #25183215;--zx-display:'Manrope','IBM Plex Sans Thai',sans-serif}
body::before{display:none}h1,h2,h3{letter-spacing:-.035em;font-weight:600}header:not(.zx-header){background:#101114ed!important;border-bottom:1px solid #34353d!important;backdrop-filter:blur(16px)}body>.hero{background:#101114}.hero h1{font-size:clamp(37px,4.2vw,62px);line-height:1.35}.hero .lead{font-size:17px;line-height:1.85}.btn{border-radius:999px;min-height:48px;padding:12px 24px;font-size:14px;box-shadow:none!important}.btn-primary{color:#171321!important;background:#bdadff!important;border:1px solid #bdadff!important}.btn-primary:hover{background:#d0c5ff!important;transform:translateY(-2px)}.pill{background:#24212e;border:1px solid #454052;color:#d6cdf0;font-size:12px}.grad-text{background:none;color:#bdadff}.logo-mark{background:#bdadff!important;color:#171321!important;box-shadow:none!important}.mock{transform:rotate(-2deg);box-shadow:0 32px 60px #0005!important}.mock-win{border-radius:20px!important;background:#1d1e24!important}.mock-bar{background:#22232b!important}.mock-hero{background:#302940!important}.mock-hero strong,.mock-hero small{color:#f4f2f7!important}.price-card,.plan,.tier{box-shadow:none!important}.faq-q{font-size:17px}.faq-a{font-size:15px;line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #bdadff;outline-offset:4px}
header.zx-header{background:#101114f2!important;border-color:#34353d!important;box-shadow:none!important;color:#f4f2f7}.zx-logo{color:#f4f2f7!important}.zx-logo-text b{background:none;color:#bdadff}.zx-logo-mark{background:#bdadff!important;color:#171321;box-shadow:none}.zx-burger{color:#f4f2f7}.zx-vip-btn{background:#bdadff!important;color:#171321!important;box-shadow:none!important}.zx-header #userTier{color:#b4b2bf}.zx-header .zx-progress-chip{border-color:#454052;background:#24212e;color:#d6cdf0}.zx-header .zx-progress-chip b{color:#bdadff}.zx-header #searchBox{background:#24212e!important;color:#f4f2f7!important;border-color:#454052!important}.zx-header #searchBox:focus{background:#302940!important}.zx-main{max-width:1320px}.zx-main h1{font-family:var(--zx-display);letter-spacing:-.035em;line-height:1.35}.zx-main h2,.zx-main h3{font-family:var(--zx-display)}.zx-main p{line-height:1.9}.zx-ring{background:conic-gradient(#bdadff calc(var(--p)*1%),#454052 0)}.zx-ring::after{background:#24212e}.zx-logo[role=link]:focus-visible{outline:2px solid #bdadff;outline-offset:3px}
@media(max-width:600px){.hero h1{font-size:38px}.hero .lead{font-size:15px}.mock{transform:none}.hero{padding-top:38px}.btn{font-size:13px;padding-inline:20px}.zx-header .zx-logo{font-size:15px}.zx-vip-btn{font-size:12px!important;padding:10px 14px!important}.zx-main h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.mock{transform:none!important}}
.logo-mark svg{color:#171321;stroke:currentColor}