/* SKALA — graphite rock, natural texture and light-green accents. */
:root{--bg:#111310;--side:#151814;--card:#1a1e18;--card2:#24291f;--line:#353c30;--text:#f3f4ed;--muted:#b5bbad;--copper:#c5f389;--copper-dark:#95b967;--accent:#c5f389;--green:#c5f389;--red:#dfc99c}
body{background:var(--bg)}.atmosphere{background:#111310}.atmosphere-image{inset:-50vh -10vw;background-image:url('assets/rock-background.jpg');background-position:center;background-size:cover;opacity:.64;filter:none}.atmosphere-glow{background:radial-gradient(ellipse at 85% 20%,#c5f38909,transparent 55%),radial-gradient(ellipse at 20% 80%,#8692700a,transparent 50%);opacity:.55}.atmosphere-vignette{background:linear-gradient(90deg,#090c0a70,transparent 50%,#0a0d0945),linear-gradient(0deg,#10150f66,#11151026 55%,#10150f44)}.dust-layer i{background:#e5eadb;box-shadow:0 0 5px #dce6cf55;opacity:.14}.shard-layer i{background:linear-gradient(135deg,#b5b9a51f,#7583640a);opacity:.2}
.sidebar{background:#151914f5;border-right-color:#343c2e}.topbar{background:#141811de}.card,.module{background:#191e17ee;border-color:#394131}.card:hover{border-color:#627149;box-shadow:0 12px 35px #0003}.dashboard-hero{background:radial-gradient(ellipse at 100% 0,#a2b67b18,transparent 70%),#1b2118ed}.sidebar-promo{background:linear-gradient(120deg,#2b3421b8,#192016d9);border-color:#4d5a3c}.sidebar-promo:after{color:#b0ce7940}.sidebar-promo p{color:var(--muted)}
.brand{font-size:31px;letter-spacing:-.8px}.brand .brand-mark{color:#c5f389;font-size:35px}.brand small{font-size:7px;letter-spacing:1.4px;line-height:1.7;max-width:170px}.sidebar .brand{font-size:29px}.mobile-brand{font-size:24px}.mobile-brand .brand-mark{font-size:27px}.footer .brand{font-size:22px}.footer .brand-mark{font-size:25px}
.accent,.eyebrow,.hero-title em,.skill-card>svg,.skill-link,.text-link,.material>svg,.meta-item>svg{color:#c5f389}.eyebrow:before,.demo-dot{background:#c5f389}.btn{background:#c5f389;color:#18200f}.btn:hover{background:#d6ffa5;box-shadow:0 8px 28px #9dc66a1a}.btn.outline{background:transparent;color:var(--text);border-color:#64734d}.btn.outline:hover{background:#2a361fe8;border-color:#9bbc70}.btn.ghost{color:#c5f389;box-shadow:none;background:transparent}.btn.danger{background:#5b432b;color:#ffe2b9}.btn.success{background:#405830;color:#e1f7cd}.btn.light{background:#f3f4ed;color:#18200f}.nav-link.active{background:#c5f389;color:#18200f;box-shadow:0 6px 20px #9bc4671a}.nav-link.active>svg{color:#18200f}.nav-link:hover{background:#303c25;color:#e7f5d6}.nav-link:hover>svg{color:#c5f389}.nav-link.active:hover{background:#d4ffa2;color:#18200f}.nav-link.active:hover>svg{color:#18200f}.nav-link.active:after{box-shadow:0 0 10px #718f47}.nav-label,.demo-label{color:#9dab8c}.nav-link .count{background:#3e512c;color:#e1f7cd}
.badge.copper{background:#303d25;color:#d9f8b2;border-color:#54693e}.badge.red{background:#3b3021;color:#edd7a8;border-color:#6b5736}.tab.active{background:#334227;border-color:#7f9a57;color:#dbf8b7}.tab:hover{border-color:#7f9a57}.avatar{background:#35442c;color:#e1f7cd}.progress{background:#3a4332}.progress>span{background:#c5f389}.ring{background:conic-gradient(#c5f389 var(--pct),#3a4332 0)}.ring-inner{background:#1a2117}.course-view .module-complete .mod-number{background:#c5f389;color:#18200f}.course-view .module-complete summary .mod-number{color:#18200f}.course-view .lesson-row.done .lesson-icon{background:#c5f389;color:#18200f}.course-view .mod-number{background:#f0f2e9}.course-view .module:hover{background:#222b1cf5;border-color:#738653}.course-view .lesson-row:hover{background:#2d3b23}.course-view .lesson-row:hover>svg{color:#c5f389}.module>summary:hover{background:#9ebd6c0d}.lesson-row:hover{background:#2b3621}.lesson-row.done .lesson-icon{background:#4b6534;color:#e1f7cd}.list-item:hover{border-color:#66794a}.lesson-row .lesson-icon{background:#343e2b;color:#d4dfc6}
.skill-card{background:#1c2418ed;border-color:#435035}.skill-card:before{background:radial-gradient(circle at 0 100%,#b2d88417,transparent 70%)}.skill-card:hover,.skill-card:focus-visible{border-color:#b3d97c;background:#27351df2;box-shadow:0 16px 34px #0005,0 0 24px #a8d77412}.skill-card .number{color:#adbc99}.skill-card p{color:#bac7ab}.cta{border-color:#667c48;background:linear-gradient(115deg,#3c4d29e8,#1d2919f2)}.cta:after{color:#c5f3891f}.cta .eyebrow{color:#d5f9a7}
input,select,textarea{background:#222b1ce8;border-color:#485b35;color:#f1f4e9}input::placeholder,textarea::placeholder{color:#97a489}.audio-demo{background:#27331e}.audio-demo .icon-btn{border-color:#69864a}.wave{background:repeating-linear-gradient(90deg,#a8c77b 0,#a8c77b 2px,transparent 2px,transparent 6px)}.modal{background:#1a2316f7;border-color:#6a834c}.modal .modal-close{background:#334425}.role-choice{background:#29371f;border-color:#627f43}.role-choice:hover{background:#3a4d2b;border-color:#c5f389}.review-answer{background:#25321e;border-color:#4f6c35}.review-comment{background:#2c3b22}.attachment-chip{background:#324525;border-color:#6d8c48;color:#e2f9c9}.homework-card .task-num{border-color:#6c844d}.homework-card:hover .task-num{background:#3e532d}.achieve-icon{background:#354823;border-color:#849f59}.achieve-card.locked .achieve-icon{filter:grayscale(1)}.day.today{border-color:#c5f389;color:#c5f389}.success-panel{background:#2d4022;border-color:#6a8a46}#toast{background:#c5f389;color:#18200f}
.hero-photo>img{object-position:50% 25%;filter:saturate(.65)}.hero-photo:after{background:linear-gradient(0deg,#11180ff5,transparent 65%)}.hero-photo .photo-top .glass-tag:last-child{display:none}.photo-bottom h3{font-size:32px}.hero-copy>.eyebrow{letter-spacing:1.3px}.hero-copy>p{max-width:420px;line-height:1.8}.hero-note>svg{color:#c5f389}.hero-bottom{gap:18px}.hero-title{font-size:clamp(49px,5.3vw,83px)}.hero-line:last-child>em{color:#c5f389}.mentor-image img{object-position:50% 16%;filter:saturate(.7)}.mentor-mini img{object-position:48% 16%}.mentor-copy h2{font-size:38px}.gallery{grid-template-columns:1.4fr 1fr .85fr}.gallery-item{min-height:295px}.gallery-item:nth-child(1) img{object-position:29% 45%}.gallery-item:nth-child(2) img{object-position:65% 30%}.gallery-item:nth-child(3) img{object-position:center top}.gallery-item img{filter:saturate(.65)}.gallery-item:after{background:linear-gradient(0deg,#0d160ce8,transparent 70%)}.gallery-item>span{color:#e7efd9}.gallery-item:hover{box-shadow:0 12px 32px #0005}.ornament{opacity:.6}.cert{background:#e6eadb;color:#293820}.cert .brand{color:#293820}.cert:after{color:#7e896e20}
@media(min-width:1600px){.hero-title{font-size:90px}.hero-copy>p{font-size:15px}}
@media(max-width:1200px){.hero-title{font-size:58px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.9px}.hero-copy>p{font-size:12px}.hero-bottom{gap:13px}.hero-note+.hero-note{padding-left:13px}.mentor-copy h2{font-size:31px}.gallery-item{min-height:260px}.sidebar .brand{font-size:26px}.brand small{font-size:6px;letter-spacing:1.1px}}
@media(max-width:980px){.hero-title{font-size:49px}.hero-copy>p{font-size:12px}.gallery{grid-template-columns:1fr 1fr}.hero-note p{font-size:9px}.mentor-copy h2{font-size:27px}}
@media(max-width:760px){.topbar{background:#141b11ed}.atmosphere-image{opacity:.67;background-position:45% center}.hero-title{font-size:clamp(58px,12vw,85px)}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.1px}.hero-copy>p{font-size:14px;max-width:480px}.hero-bottom{gap:22px}.hero-note p{font-size:10px}.hero-note+.hero-note{padding-left:22px}.hero-photo{height:480px}.hero-photo>img{object-position:50% 22%}.mentor-copy h2{font-size:34px}.gallery-item{min-height:280px}.gallery-item:nth-child(3){display:block;grid-column:1/-1;min-height:230px}.gallery-item:nth-child(3) img{object-position:center 18%}.brand.mobile-brand{font-size:24px}}
@media(max-width:480px){.hero-title{font-size:clamp(49px,12.7vw,65px);letter-spacing:-.055em}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.65px}.hero-copy>p{font-size:13px}.hero-photo{height:460px}.hero-bottom{gap:13px}.hero-note+.hero-note{padding-left:13px}.hero-note p{font-size:9px}.photo-bottom h3{font-size:29px}.photo-top{left:16px;right:16px}.gallery-item{min-height:230px}.mentor-copy h2{font-size:30px}.brand.mobile-brand{font-size:22px}.hero-buttons .btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){.atmosphere-image{transform:none!important}}

/* Public syllabus: the large, clear card hierarchy of the supplied reference. */
.program-view .page-header{margin-bottom:34px;align-items:flex-end}
.program-view .page-header h1{font-family:Unbounded,'Golos Text',sans-serif;font-size:clamp(40px,4vw,60px);font-weight:750;line-height:1.15;letter-spacing:-.045em;text-transform:uppercase}
.program-view .page-header p{font-family:Evolventa,'Segoe UI',sans-serif;font-size:18px;line-height:1.5;margin-top:17px;color:#aaaead}
.program-list{gap:18px}
.program-list .module{background:#141614f5;border:1px solid #30352e;border-radius:28px;transition:background .3s,border-color .3s,box-shadow .3s}
.program-list .module:hover{background:#1b2018f7;border-color:#758b5e;box-shadow:0 12px 32px #0003}
.program-list .module>summary{padding:27px 28px;gap:22px;min-height:116px}
.program-list .module summary .mod-number{width:60px;height:60px;min-width:60px;display:grid;place-items:center;background:#c5f389;color:#18200f;border-radius:20px;font-family:Cakra,'Golos Text',sans-serif;font-size:25px;line-height:1}
.program-list .module-title{min-width:0}
.program-list .module summary h3{font-family:Unbounded,'Golos Text',sans-serif;font-weight:650;font-size:22px;line-height:1.4;letter-spacing:-.04em;color:#f3f4ed}
.program-list .module summary p{font-family:Evolventa,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;margin-top:10px;color:#aaaead}
.program-list .module summary .module-right{gap:22px;font-size:13px}
.program-list .program-lesson-count{padding:8px 14px;border-radius:24px;background:#2a3421;color:#d1f4a7;font-weight:650;white-space:nowrap}
.program-list .module summary .chevron{width:20px;height:20px;color:#989f91}
.program-list .module[open]>summary{border-bottom-color:#30352e}
.program-list .module .module-description{padding:0;font-size:16px}
.program-lesson{display:flex;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #2b3028;min-height:96px;transition:background .25s}
.program-lesson:hover{background:#c5f38908}
.program-lesson-icon{height:42px;width:42px;min-width:42px;display:grid;place-items:center;background:#2d3825;color:#c5f389;border-radius:50%}
.program-lesson-icon svg{width:17px;height:17px}
.program-lesson h4{font-family:'Golos Text','Segoe UI',sans-serif;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.02em;margin:0 0 9px;color:#f3f4ed}
.program-lesson small{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:Evolventa,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;color:#aaaead}
.program-lesson small svg{height:19px;width:19px}
.program-lesson-index{margin-left:auto;padding-left:12px;font-size:12px;font-variant-numeric:tabular-nums;color:#7e8875}
.program-module-action{padding:21px 30px 25px 92px}
.program-module-action .btn{font-size:13px;min-height:46px}
.program-list .module[open] .program-lesson{animation:lesson-unfold .4s cubic-bezier(.16,1,.3,1) both}
@media(max-width:1200px){.program-list .module summary h3{font-size:20px}.program-list .module>summary{gap:18px;padding:25px 24px}.program-list .module summary .module-right{gap:16px}.program-list .module summary p{font-size:15px}.program-lesson h4{font-size:19px}}
@media(max-width:760px){.program-view .page-header{margin-bottom:27px}.program-view .page-header h1{font-size:clamp(30px,6.5vw,44px)}.program-view .page-header p{font-size:15px;line-height:1.6;margin-top:13px}.program-list{gap:14px}.program-list .module{border-radius:22px}.program-list .module>summary{padding:23px 20px;gap:16px;min-height:110px;flex-wrap:wrap}.program-list .module summary .mod-number{width:52px;height:52px;min-width:52px;border-radius:17px;font-size:23px}.program-list .module-title{flex:1;min-width:0}.program-list .module summary h3{font-size:18px;line-height:1.4}.program-list .module summary p{font-size:14px;margin-top:8px}.program-list .module summary .module-right{width:100%;padding-left:68px;justify-content:space-between;font-size:11px;gap:10px}.program-list .program-lesson-count{padding:5px 11px}.program-lesson{padding:21px 20px;gap:16px}.program-lesson h4{font-size:18px}.program-lesson small{font-size:13px;gap:7px}.program-lesson-index{display:none}.program-module-action{padding:20px 20px 24px 78px}}
@media(max-width:420px){.program-view .page-header h1{font-size:30px}.program-list .module>summary{padding:21px 16px;gap:12px}.program-list .module summary h3{font-size:16px}.program-list .module summary p{font-size:13px}.program-list .module summary .mod-number{width:46px;height:48px;min-width:46px;border-radius:15px;font-size:21px}.program-list .module summary .module-right{padding-left:58px}.program-lesson{padding:20px 16px;gap:12px}.program-lesson-icon{width:34px;height:34px;min-width:34px}.program-lesson h4{font-size:17px}.program-lesson small{font-size:12px}.program-module-action{padding:19px 16px 22px}.program-module-action .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.program-list .module[open] .program-lesson{animation:none}}
