:root{--bg:#f7f7f5;--panel:#fff;--panel2:#f4f4f2;--ink:#242323;--muted:#707070;--lime:#ffc928;--line:rgba(24,24,24,.10)}
body{background:var(--bg);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(28,28,28,.11) 1.15px,transparent 1.25px);background-size:22px 22px;opacity:.48;z-index:-1}
.login{background:transparent}.login-art{background:radial-gradient(circle at 76% 20%,rgba(255,201,40,.23),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,244,242,.96));box-shadow:0 24px 70px rgba(0,0,0,.08)}.login-art:after{border-color:rgba(255,201,40,.10)}
.login-copy p,.login-stats span,.login-form>p,.note{color:var(--muted)}
.eyebrow{display:inline-flex;width:max-content;padding:7px 11px;border:1px solid rgba(255,201,40,.34);background:rgba(255,201,40,.14);border-radius:999px;color:#b98500}
.field input,.search input{background:rgba(255,255,255,.88);border-color:rgba(24,24,24,.14);color:var(--ink)}
.sidebar{background:rgba(247,247,245,.94);backdrop-filter:blur(16px);border-color:var(--line)}.top{background:rgba(247,247,245,.88);border-color:var(--line)}
.nav{color:#707070}.nav:hover,.nav.active{background:#fff;color:#242323}.nav.active{color:#b98500}.member{background:rgba(255,201,40,.12);border-color:rgba(255,201,40,.30)}.member span{color:#707070}
.featured{background:radial-gradient(circle at 78% 20%,rgba(255,201,40,.30),transparent 24%),linear-gradient(125deg,#fff,#f1f1ef);border-color:rgba(24,24,24,.10);box-shadow:0 24px 70px rgba(0,0,0,.07)}.featured p{color:#707070}.featured:after{background:linear-gradient(135deg,#ffd53e,#ffc928);color:#39321c}
.count,.chip,.card{border-color:var(--line)}.count{color:#707070;background:rgba(255,255,255,.72)}.chip{background:rgba(255,255,255,.78);color:#666}.chip.active{background:linear-gradient(180deg,#ffd53e,#ffc928);color:#242323}
.card{background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.06)}.card p{color:#707070}.meta{color:#858585}.cover{background-color:#f1f1ef}.badge{background:rgba(36,35,35,.82);color:#fff}
.primary{background:linear-gradient(180deg,#ffd53e,#ffc928);color:#242323}.ghost{background:#302f2f;color:#fff;border-color:rgba(255,255,255,.08)}.pager button{background:#fff;color:#242323;border-color:var(--line)}
.course-top{position:sticky;top:14px;z-index:20;width:min(1180px,calc(100% - 40px));margin:14px auto 0;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(40,39,39,.96);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(18px)}
.course-top .brand{color:#fff}.course-top nav{color:#d2d2cc}.back{color:#707070}
.course-hero{background:rgba(255,255,255,.90);border-color:rgba(24,24,24,.10);box-shadow:0 24px 70px rgba(0,0,0,.08)}.course-cover{background-color:#f1f1ef;border-color:rgba(24,24,24,.10)}
.course-copy>p,.panel p{color:#707070}.tag{background:#f4f4f2;border-color:rgba(24,24,24,.10);color:#666}
.panel{background:rgba(255,255,255,.90);border-color:rgba(24,24,24,.10);box-shadow:0 18px 50px rgba(0,0,0,.06)}.shots img{background:#f4f4f2;border-color:rgba(24,24,24,.10)}
.sideinfo div{border-color:rgba(24,24,24,.10)}.sideinfo span{color:#8a8a8a}.locked{background:rgba(255,201,40,.12);border-color:rgba(255,201,40,.30);color:#645523}.footer{border-color:rgba(24,24,24,.10);color:#858585}
@media(max-width:760px){.course-top{top:8px;width:calc(100% - 20px);margin-top:8px}.course-wrap{margin-top:22px}}