.training-page{min-height:100vh;background:radial-gradient(circle at 78% 0,rgba(255,39,71,.11),transparent 28%),#06080d;color:#fff}
.training-page [hidden]{display:none!important}
.training-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.training-brand{display:flex;align-items:center;gap:12px}.training-brand img{width:46px;height:46px}.training-brand strong{display:block;font-size:1.1rem;letter-spacing:.16em}.training-brand small{display:block;color:#aab4c1;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.training-back{color:#cbd1da;font-size:.94rem;font-weight:700}.training-back span{color:var(--red);font-size:1.1rem}.training-back:hover{color:#fff}
.training-main{max-width:1340px;padding:44px 0 90px}.training-intro{max-width:850px;margin-bottom:30px}.training-eyebrow,.training-kicker{color:#ff536c;font-size:.76rem;font-weight:900;letter-spacing:.18em;margin:0 0 12px}.training-intro h1{font-size:clamp(2.2rem,4.7vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;font-weight:900}.training-intro h1 span{color:#ff304f}.training-intro>p:last-child{color:#bdc6d0;font-size:1.1rem;margin:0;max-width:690px}
.email-panel{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:38px;padding:32px 36px;max-width:1120px}.email-panel h2{font-size:2.25rem;margin:0 0 8px;letter-spacing:-.04em}.email-panel p:not(.training-kicker){color:#b9c2ce;margin:0}.email-panel form label{display:block;margin-bottom:9px;color:#e6eaf0;font-size:.9rem;font-weight:700}.email-entry{display:flex;gap:10px}.email-entry input{flex:1;min-width:0;height:54px;border:1px solid #3b4658;border-radius:13px;background:#f5f7fa;color:#11151d;padding:0 15px;font:inherit}.email-entry .btn{min-height:54px;padding:0 21px;white-space:nowrap}.email-panel .form-message{min-height:23px;color:#ff8394;margin-top:7px!important;font-size:.87rem}
.training-content{display:grid;gap:18px}.training-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px}.training-welcome h2{font-size:1.43rem;margin:0 0 5px;line-height:1.2}.training-email{color:#aeb8c5;margin:0;font-size:.88rem}.text-button{appearance:none;border:0;background:none;color:#ff6178;text-decoration:underline;cursor:pointer;font:700 .9rem inherit;white-space:nowrap}
.training-layout{display:grid;grid-template-columns:minmax(270px,.32fr) minmax(0,.68fr);gap:18px;align-items:start}.lesson-sidebar{order:-1;padding:25px;position:sticky;top:102px}.progress-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.progress-head h2{font-size:1.62rem;line-height:1.08;margin:0 0 16px;letter-spacing:-.03em}.progress-head strong{font-size:.86rem;color:#d8dce3;white-space:nowrap;margin-bottom:17px}.progress-track{height:9px;background:#29303d;border-radius:99px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff2b4b,#ff697f);border-radius:inherit;transition:width .3s ease}.lesson-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}.lesson-list li{min-width:0}.lesson-list button{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:start;gap:12px;width:100%;padding:17px 14px;border:1px solid #252e3b;border-radius:14px;background:#0c1118;color:#e5e9ef;text-align:left;cursor:pointer;font:inherit;transition:border-color .18s,background .18s,transform .18s}.lesson-list button:hover{border-color:rgba(255,60,89,.55);transform:translateY(-1px)}.lesson-list button.active{border-color:#e72b49;background:linear-gradient(110deg,rgba(255,45,76,.16),rgba(13,17,24,.96))}.lesson-index{color:#ff546e;font-size:1.05rem;font-weight:900;line-height:1.12}.lesson-list strong{display:block;font-size:.84rem;letter-spacing:.04em;line-height:1.2}.lesson-list small{display:block;color:#9faab9;font-size:.81rem;line-height:1.36;margin-top:6px}.lesson-check{color:#4be38c;font-weight:900;font-size:1.18rem;line-height:1}
.lesson-stage{padding:27px}.stage-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lesson-pill{border:1px solid rgba(255,58,87,.55);background:rgba(255,39,71,.12);color:#ff6b82;border-radius:999px;padding:7px 12px;font-weight:900;font-size:.72rem;letter-spacing:.09em}.lesson-availability{color:#83e7aa;font-size:.82rem;font-weight:700}.lesson-availability.pending{color:#e9b559}.lesson-duration{margin-left:auto;color:#9fa9b7;font-size:.82rem}.lesson-stage h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.08;margin:18px 0 7px;letter-spacing:-.045em}.lesson-stage>p{margin:0 0 21px;color:#bfc8d3;font-size:1.02rem}.player-shell{position:relative;aspect-ratio:16/9;background:#05070a;border:1px solid #313b49;border-radius:16px;overflow:hidden;box-shadow:0 25px 55px #0008}.player-shell video{display:block;width:100%;height:100%;background:#05070a}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(255,44,74,.15),transparent 43%),linear-gradient(145deg,#101722,#05070b)}.video-placeholder strong{font-size:1.32rem}.video-placeholder span{color:#a8b4c2;font-size:.92rem}.placeholder-mark{width:76px;height:76px;display:grid;place-items:center;border:1px solid #ef3553;border-radius:50%;background:#ed29451e;color:#ff4964;font-size:1.7rem;padding-left:4px;margin-bottom:10px;box-shadow:0 0 40px #e91d3d35}
.lesson-extras{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:19px 2px 12px}.lesson-extras h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#eef1f5;margin:0 0 12px}.lesson-extras ul{margin:0;padding-left:18px;color:#b7c0cb;font-size:.88rem;line-height:1.55}.lesson-extras li+li{margin-top:6px}.lesson-extras li::marker{color:#ff3a58}.lesson-links{display:flex;gap:8px;flex-wrap:wrap}.lesson-links a{display:inline-flex;align-items:center;border:1px solid #485264;border-radius:9px;padding:9px 11px;color:#f1f3f6;font-weight:700;font-size:.84rem}.lesson-links a:hover{border-color:#ff4b65;color:#fff}.lesson-links .empty-links{color:#8591a1;font-size:.85rem}
.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #27303c;padding-top:19px;margin-top:10px}.stage-footer .btn{padding:11px 15px;font-size:.85rem}.stage-footer button:disabled{opacity:.42;cursor:not-allowed;transform:none}.complete-button{appearance:none;border:0;background:transparent;color:#5bea9c;font:700 .82rem inherit;cursor:pointer}.complete-button:disabled{color:#81938a;cursor:default}
@media(max-width:900px){.training-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;order:0}.lesson-stage{order:-1}.lesson-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.training-main{padding:30px 0 65px}.training-header{min-height:72px}.training-brand img{width:39px;height:39px}.training-brand small{font-size:.7rem}.training-back{font-size:.78rem}.training-intro{margin-bottom:22px}.training-intro>p:last-child{font-size:.96rem}.email-panel{grid-template-columns:1fr;gap:20px;padding:22px}.email-panel h2{font-size:1.8rem}.email-entry{flex-direction:column}.email-entry .btn{width:100%}.training-welcome{align-items:flex-start;padding:19px;flex-direction:column}.training-welcome h2{font-size:1.15rem}.lesson-stage,.lesson-sidebar{padding:18px}.lesson-list{grid-template-columns:1fr}.lesson-extras{grid-template-columns:1fr;gap:17px}.stage-footer{flex-wrap:wrap}.stage-footer .complete-button{order:3;width:100%;text-align:center;padding-top:5px}.lesson-duration{margin-left:0}}
.progress-head{display:block}.progress-head h2{margin-bottom:4px}.progress-head strong{display:block;margin:0 0 14px}