.program-page{--program-accent:#a6e8d7;--program-bright:#e5f8ee;--program-muted:#afc3bf;--program-line:#b5ddd32b;background:radial-gradient(at 85% 5%,#16303155,#0000 30%),#070e11}.program-page .teal{color:var(--program-accent)}.program-page .button{border:1px solid #b3d9d23b;border-radius:15px;gap:18px;min-height:52px;padding:15px 23px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.program-page .button.primary{color:#102724;background:linear-gradient(115deg,#dbefde,#9ed5c5);border-color:#d6eee4a6;box-shadow:inset 0 1px #ffffff70,0 6px 20px #00000025}.program-page .button.primary svg{color:#183e36}.program-page .button:active{transform:translateY(1px)}.program-page :is(button,a,textarea):focus-visible{outline-offset:5px;outline:3px solid #c5f4df}.program-page .editorial-lead{color:var(--program-muted)}.program-page .core-principle{border-color:var(--program-line);background:linear-gradient(125deg,#1b3037a8,#0e1b21cc);padding:20px 22px;box-shadow:inset 0 1px #edfdf008}.program-page .core-principle svg{color:#bbdcd0}.program-page .program-visual{border-color:#c8e2d338;box-shadow:0 24px 70px #00000035}.program-page .program-visual figcaption{background:#0d1c23d9;border-color:#bfdcd132}.program-page .roadmap-section{background:linear-gradient(#080f14ed,#091418e8),url(/images/generated-1788396735760.webp) 50%/cover}.program-page .preview-notice{color:#b4c9c4;background:#cedfda06;border-color:#accdc41e;border-radius:12px}.program-page .preview-notice a{color:#c5e9d7}.program-page .week-selector{gap:18px}.program-page .route-week{background:linear-gradient(145deg,#1b2931e8,#0e1b22f5);border-color:#b3d5cc26;border-radius:23px;gap:17px;min-height:280px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;position:relative;box-shadow:inset 0 1px #e8fff00b,0 12px 28px #00000015}.program-page .route-week>.eyebrow{color:#b3c7c3;letter-spacing:1.6px;font-size:10px}.week-identity{justify-content:space-between;align-items:center;gap:12px;margin-block:2px 7px;display:flex}.program-page .route-week-number{color:#799b98;letter-spacing:-2px;font-size:46px;font-weight:400}.week-icon{color:#b7d1c8;background:#c5e3d506;border:1px solid #c3e4d51f;border-radius:15px;place-items:center;width:45px;height:45px;display:grid}.program-page .route-week strong{color:#e8f3ed;letter-spacing:1.1px;font-size:14px}.program-page .route-week>span:not(.eyebrow):not(.week-identity){color:#bccfc9;font-size:12px}.program-page .week-status{border-color:#b4d6cb22;gap:10px;margin-top:auto;padding-top:20px}.program-page .week-status svg{flex-shrink:0}.program-page .route-week.is-selected{background:linear-gradient(145deg,#28463f,#142d2c);border-color:#aedfc38c;box-shadow:inset 0 1px #e4ffe82b,0 12px 35px #0000002e}.program-page .route-week.is-selected .route-week-number{color:#d1ead7}.program-page .route-week.is-selected .week-icon{color:#102e28;background:#c0e3ce;border-color:#d8f3df}.program-page .route-week.is-selected>.eyebrow{color:#c0e8d0}.program-page .selected-week{background:linear-gradient(100deg,#172d30,#112127);border-color:#b2dacc36;padding:22px 25px}.program-page .selected-week>svg{color:#b6e0cd}.program-page .selected-week .circle{color:#c6e5d6;background:#c1e5d511;border:1px solid #c1e5d53b;width:44px;height:44px}.program-page :is(.progress-overview,.progress-days){border-color:var(--program-line);background:linear-gradient(140deg,#192930e8,#101d24f5);border-radius:24px;box-shadow:inset 0 1px #effff40a,0 18px 40px #00000017}.program-page .example-ring{background:radial-gradient(closest-side, #17272c 84%, transparent 86%), conic-gradient(#b5dfca 43%, #31434a 0);box-shadow:0 0 35px #b7e5ce0a}.program-page .example-ring strong{color:#e5f4e9}.program-page .example-stats div{background:#b5dace07;border-color:#b5dace17;padding-block:17px}.program-page .example-stats span{color:#b6c9c3}.program-page .progress-overview blockquote{background:#b4dac609;border-left:2px solid #94bfab;border-radius:3px 12px 12px 3px}.program-page .practice-days>span{color:#9eb6b1;background:#b9d2ca06}.program-page .practice-days .done{color:#d9efe1;background:#426a5b55;border-color:#b1d9c244}.program-page .next-practice{background:linear-gradient(110deg,#29473c88,#1a3133);border-color:#b7dfc73d;border-radius:17px;padding:20px}.program-page .next-practice .circle{color:#1a3930;background:#c5e4d1}.program-page .next-practice small{color:#b9dec9;letter-spacing:1.1px}.program-page .learning{background:#bbd9cf04;border:1px solid #a0c6b91a;border-radius:15px;padding:20px}.program-page .learning .eyebrow{font-size:9px}.program-page .practice-preview{background:linear-gradient(#071319bf,#071319e8),url(/images/mythical-video-game-inspired-landscape-with-human-waterfall.webp) 50%/cover}.program-page .program-player{background:linear-gradient(120deg,#20333dbb,#102028e8);border-color:#c5dfd536;gap:30px;padding:30px;box-shadow:inset 0 1px #e8fff011,0 30px 80px #00000040}.program-page .program-player aside{background:#0b1820b5;border-color:#c9e1d51c}.program-page .program-player textarea{color:#e4f2e8;background:#a5c9bf08;border-color:#bad5ca35}.program-page .program-player textarea::placeholder{color:#a9beb5;opacity:1}.program-page .player-orbit{color:#244d3e;background:radial-gradient(circle,#c2e1cf 34%,#294840 35% 55%,#a2cdb922 57%,#0000 66%);box-shadow:0 0 55px #b5dcc011}.program-page .player-wave{color:#b9d9c7}.program-page .player-preview-main .audio-pending{background:#adc9bb08;border:1px solid #b6d2c526;border-radius:100px;padding:8px 14px;font-size:11px}.program-page .editorial-cta{background:radial-gradient(at 0 0,#b2d2bc13,#0000 65%),linear-gradient(125deg,#1d3237,#0f2028);border-color:#c0dbc63d;box-shadow:inset 0 1px #e5f8e410}@media (hover:hover) and (prefers-reduced-motion:no-preference){.program-page .route-week:hover{border-color:#b8ddcc7a;transform:translateY(-4px);box-shadow:0 16px 34px #00000030}.program-page .button.primary:hover{background:linear-gradient(115deg,#edf7e9,#b7e6d2);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff85,0 8px 26px #9ad8bb16}.program-page .selected-week .circle:hover{background:#c1e5d52b}.program-page .next-practice:hover{border-color:#b7dfc778}}@media (width<=1050px){.program-page .route-week{padding:20px 16px}.program-page .route-week strong{font-size:12px}.week-icon{border-radius:12px;width:36px;height:36px}.program-page .route-week-number{font-size:40px}}@media (width<=760px){.program-page .week-selector{gap:12px}.program-page .route-week{min-height:255px;padding:20px 16px}.program-page .program-player{gap:16px;padding:16px}.program-page .selected-week{padding:20px 16px}.program-page .learning{padding:18px 14px}.program-page .button{gap:12px;padding-inline:18px}.program-page .next-practice{padding:16px}}@media (width<=370px){.program-page .route-week{gap:14px;min-height:245px;padding:17px 12px}.program-page .route-week strong{letter-spacing:.7px;font-size:10px}.week-icon{width:30px;height:34px}.week-icon svg{width:19px}.program-page .route-week-number{font-size:36px}.program-page .week-status{font-size:10px!important}.program-page .button{font-size:11px}.program-page .selected-week{gap:10px}}@media (prefers-reduced-motion:reduce){.program-page .button,.program-page .route-week{transition:none;transform:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.program-page .liquid-surface{backdrop-filter:none;background:#14272c;border-color:#bfdccc}.program-page .route-week.is-selected{background:#28483d;border-color:#e4ffea}.program-page p,.program-page span{color:#e4f1e9}.program-page .button.primary{color:#122a22;background:#d8efdf}}
