@font-face{font-family:Cakra;src:url('assets/fonts/Cakra.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Evolventa;src:url('assets/fonts/Evolventa-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#0e100d;--side:#131511;--card:#191c17;--card2:#20251b;--line:#323b2b;--text:#e0ead7;--muted:#b9aeb2;--copper:#b0ea7d;--copper-dark:#87d146;--red:#dff6ca;--accent:#b0ea7d}
body{background:var(--bg);isolation:isolate}.layout{position:relative;z-index:1;background:transparent}.sidebar{background:#131511f5;border-color:#2f3827}.topbar{background:#10120ebc;backdrop-filter:blur(18px)}.card,.module{background:#191c17eb;border-color:#323b2b}.nav-link:hover{background:#232b1c}.nav-link.active{color:#fff;background:#8ed74e}.nav-link .count{background:#3f4d33;color:#dff6ca}.sidebar-promo{background:linear-gradient(130deg,#232a1c99,#141712ad);border-color:#3b4830}.sidebar-promo:after{color:#88d14880}.avatar{background:#343f2a;color:#dff6ca}.btn{background:#9de35f;color:#fff}.btn:hover{background:#b0ea7d;box-shadow:0 8px 28px #677d5329}.btn.outline{border-color:#516342}.btn.outline:hover{background:#2b3523;border-color:#86c152}.btn.light{color:#1b2116}.btn.ghost{background:transparent;color:#cff2b1;box-shadow:none}.badge.copper{background:#2d3724;color:#dff6ca;border-color:#516242}.text-link{color:#daf5c2}.nav-label{color:#b7c3ac}.demo-label{color:#c1ccb8}.ornament{opacity:.8}.progress{background:#34402a}.ring{background:conic-gradient(var(--copper) var(--pct),#36412c 0)}.ring-inner{background:#1b2016}.dashboard-hero{background:radial-gradient(ellipse at 100% 0,#576a474f,transparent 70%),#191e15}.material:hover{background:#252d1e}.audio-demo{background:#22291c}.audio-demo .icon-btn{border-color:#566846}.wave{background:repeating-linear-gradient(90deg,#abce8d 0,#abce8d 2px,transparent 2px,transparent 6px)}input,select,textarea{background:#21261c;border-color:#404d34}input::placeholder,textarea::placeholder{color:#b6c2ab}.lesson-row:hover{background:#252c1e}.lesson-row .lesson-icon{background:#35402b;color:#daebcc}.lesson-row.done .lesson-icon{background:#394735;color:#d8e7c9}.module summary .mod-number{color:#d5f4ba}.tab.active{background:#2f3a26;border-color:#5f744d;color:#dff6ca}.tab:hover{border-color:#5f744d}.achieve-icon{background:#2e3825;border-color:#546644}.day.today{border-color:#bded93;color:#d9f5c1}.modal{background:#1a2015eF;border-color:#49583b}.modal .modal-close{background:#2f3926}.role-choice{background:#252e1e;border-color:#4a5b3c}.role-choice:hover{background:#303b27;border-color:#ace878}.review-answer{background:#242b1d;border-color:#435136}.review-comment{background:#262f1f}.attachment-chip{background:#2a3422;border-color:#506241;color:#dff6ca}.homework-card .task-num{border-color:#506241}.success-panel{background:#273422;border-color:#4b5e3a}.day.done{background:#3b4930;color:#d8e7c6}.lesson-actions .btn.outline{color:var(--text)}.sidebar-promo p{color:#cfd9c7}#toast{background:#a8e870;color:white}.cta{border-color:#4f6140;background:linear-gradient(115deg,#303b27c9,#1a2015db)}.cta:after{color:#93d85730}.achieve-card.locked .achieve-icon{filter:grayscale(.9)}
/* Separate fixed layers give the photograph, particles and fragments different depth. */
.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0e100d;contain:strict}.atmosphere-image{position:absolute;inset:-100vh -15vw;background:url('assets/rock-background.jpg') center/cover no-repeat;opacity:.27;transform:translate3d(0,var(--scroll-image,0px),0);will-change:transform;filter:saturate(1.25)}.atmosphere-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 93% 24%,#53654333,transparent 43%),radial-gradient(ellipse at 10% 72%,#667c5325,transparent 42%);animation:ambient-glow 16s ease-in-out infinite alternate}.atmosphere-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0e100d4d,transparent 40%,#0e100d44),linear-gradient(0deg,#0e100d80,transparent 35%,#0e100d26)}.dust-layer,.shard-layer{position:absolute;inset:-100vh -5vw;will-change:transform}.dust-layer{transform:translate3d(0,var(--scroll-dust,0px),0)}.shard-layer{transform:translate3d(0,var(--scroll-shards,0px),0)}.dust-layer i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#e0ebd6;opacity:.22;box-shadow:0 0 8px #dff5cc;animation:dust-breathe 9s ease-in-out infinite alternate;animation-delay:var(--delay)}.shard-layer i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:calc(var(--size)*1.6);background:linear-gradient(140deg,#9adf5d99,#4d5e3e17);clip-path:polygon(2% 25%,75% 0,97% 55%,28% 100%,38% 56%);transform:rotate(var(--turn));opacity:.45;animation:shard-drift 14s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes ambient-glow{from{transform:translate3d(-1%,-2%,0);opacity:.6}to{transform:translate3d(2%,3%,0);opacity:1}}@keyframes dust-breathe{from{opacity:.1;transform:translate3d(0,0,0)}to{opacity:.4;transform:translate3d(10px,24px,0)}}@keyframes shard-drift{from{transform:translate3d(0,-10px,0) rotate(var(--turn))}to{transform:translate3d(12px,16px,0) rotate(calc(var(--turn) + 13deg))}}
/* Each phrase enters from the lower left, in the requested sequence. */
.hero-copy{overflow:hidden}.hero-title{width:100%;padding:.08em 0}.hero-line{display:block;overflow:hidden;padding:.06em 0;margin:-.06em 0}.hero-line>span,.hero-line>em{display:block;animation:hero-corner-in 1.05s cubic-bezier(.16,1,.3,1) both;transform-origin:0 100%;will-change:transform,opacity}.hero-line:nth-child(1)>span{animation-delay:.08s}.hero-line:nth-child(2)>span{animation-delay:.35s}.hero-line:nth-child(3)>em{animation-delay:.62s}.hero-title em{color:#b0ea7d}@keyframes hero-corner-in{from{opacity:0;transform:translate3d(-105%,110%,0) rotate(-7deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
/* Cakra: tracking -1%, line height 80%. */
.meta-strip{padding:32px 0;gap:32px 28px}.meta-item{gap:17px;align-items:center}.meta-item>svg{width:43px;height:43px;stroke-width:1.45;color:#c6f0a2}.meta-item b,.meta-item small{font-family:Cakra,'Golos Text',sans-serif;font-weight:400;letter-spacing:-.01em;line-height:.8;font-feature-settings:'dlig' 0,'liga' 0}.meta-item b{font-size:23px}.meta-item small{display:block;font-size:18px;margin-top:15px;color:#d9e0d3}
/* Clickable learning paths: lift, red edge, moving icon and clear lesson cue. */
.skill-card{display:block;min-height:255px;padding:26px 22px 23px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s,background .35s;isolation:isolate}.skill-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0 100%,#697f5533,transparent 70%);opacity:0;transition:opacity .35s;z-index:-1}.skill-card .number{color:#cbd7c1}.skill-card>svg{width:35px;height:35px;color:#ccf1ac;transition:transform .35s}.skill-card h3{font-size:16px}.skill-card p{font-size:12px}.skill-link{display:flex;align-items:center;gap:10px;color:#dff6ca;font-size:10px;margin-top:22px;letter-spacing:.3px}.skill-link svg{width:16px;height:16px;transition:transform .35s}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-8px);border-color:#a2dd6f;background:#21281af5;box-shadow:0 16px 34px #0005,0 0 24px #687f541a}.skill-card:hover:before,.skill-card:focus-visible:before{opacity:1}.skill-card:hover>svg,.skill-card:focus-visible>svg{transform:translateY(-3px) rotate(-7deg)}.skill-card:hover .skill-link svg,.skill-card:focus-visible .skill-link svg{transform:translateX(7px)}.skill-card:active{transform:translateY(-3px)}
/* Evolventa: tracking -6%, line height 73%, as supplied in the brief. */
.mentor-copy p,.mentor-copy .quote,.mentor-copy>small{font-family:Evolventa,'Golos Text',sans-serif;font-weight:400;letter-spacing:-.06em;line-height:.73}.mentor-copy p{font-size:19px;margin-bottom:29px}.mentor-copy .quote{font-size:27px;margin:32px 0;padding-block:5px}.mentor-copy>small{display:block;font-size:16px;margin-top:6px}.mentor-copy h2{margin-bottom:29px}.mentor-copy .ornament{margin-top:29px}
.mentor-copy .type-word{display:inline-block;padding-block:.18em;vertical-align:baseline}
@media(max-width:1640px){.meta-strip{grid-template-columns:1fr 1fr}.meta-item b{font-size:23px}.meta-item small{font-size:18px}}
@media(max-width:1200px){.meta-item b{font-size:21px}.meta-item small{font-size:17px}.meta-item>svg{width:38px;height:38px}.skill-card{padding:23px 19px}.mentor-copy p{font-size:18px}.mentor-copy .quote{font-size:24px}.mentor-copy>small{font-size:15px}}
@media(max-width:760px){.topbar{background:#10140ded}.atmosphere-image{opacity:.3}.meta-strip{gap:30px 18px;padding:28px 0}.meta-item{gap:13px}.meta-item b{font-size:22px}.meta-item small{font-size:17px}.meta-item>svg{width:38px;height:38px}.skill-card{min-height:245px;padding:23px 20px}.skill-card h3{font-size:15px}.skill-card p{font-size:12px}.mentor-copy p{font-size:20px}.mentor-copy .quote{font-size:27px}.mentor-copy>small{font-size:17px}.hero-title{font-size:clamp(43px,10.2vw,76px)}.skill-link{margin-top:20px}}
@media(max-width:480px){.meta-strip{grid-template-columns:1fr;gap:29px;padding:30px 0}.meta-item{gap:18px}.meta-item>svg{width:43px;height:43px}.meta-item b{font-size:24px}.meta-item small{font-size:19px}.skill-card{padding:21px 16px}.skill-card h3{font-size:14px}.skill-card p{font-size:11px}.skill-card>svg{width:30px;height:30px}.skill-link{font-size:10px}.mentor-copy p{font-size:19px}.mentor-copy .quote{font-size:24px}.mentor-copy>small{font-size:16px}.hero-title{font-size:clamp(33px,10.2vw,49px);letter-spacing:-.055em}}
@media(hover:none){.skill-card:hover{transform:none;box-shadow:none}.skill-card:active{transform:scale(.98);border-color:#b5eb86}}
@media(prefers-reduced-motion:reduce){.hero-line>span,.hero-line>em{opacity:1;transform:none;animation:none;will-change:auto}.atmosphere-image,.dust-layer,.shard-layer{transform:none!important;will-change:auto}.atmosphere *{animation:none!important}.skill-card:hover,.skill-card:focus-visible{transform:none}}