.offer-banner{aspect-ratio:16/9;position:relative;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(20px,4vw,56px);background-color:#061b46;background-image:radial-gradient(ellipse at 80% 10%,#008cff88,transparent 65%);margin-bottom:24px}
.video-source-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.video-source-actions .btn{min-height:42px}
.offer-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}.offer-banner::before{z-index:1}.offer-banner-content{z-index:2}.offer-banner .offer-countdown{z-index:2}
.offer-countdown[hidden]{display:none!important}
.offer-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03142aeb,transparent 90%);pointer-events:none}.offer-banner-content{position:relative;color:white;max-width:80%}.offer-banner h2{font-size:clamp(26px,3.6vw,54px);color:white;margin:0 0 16px}.offer-prices{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:18px 0}.offer-prices del{font-size:18px;opacity:.7}.offer-prices strong{font-size:32px;color:#00dce8}.light .course-intro .offer-prices strong,.light .modal .offer-prices strong{color:#006fba}.offer-countdown{position:absolute;z-index:1;left:clamp(20px,4vw,56px);top:24px;display:flex;flex-direction:column;gap:8px;background:#061b46b8;border:1px solid #ffffff40;backdrop-filter:blur(16px);padding:14px 20px;border-radius:14px;color:white}.offer-countdown strong{font-variant-numeric:tabular-nums;font-size:24px}.offer-countdown span{font-size:13px}.countdown-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-intro{margin-bottom:28px}.course-intro .section-head{margin-top:0}.course-enroll{display:flex;align-items:center;justify-content:space-between;gap:18px}.intro-placeholder{aspect-ratio:16/9;max-height:220px;display:grid;place-items:center;background:#061b4620;border-radius:16px;padding:30px;text-align:center}.enroll-actions{display:flex;flex-direction:column;gap:14px;margin:24px 0}.lesson-navigation button:disabled{opacity:.65;cursor:not-allowed}.course-intro video{width:100%}.offer-banner .btn{display:inline-flex}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.player-start{z-index:2}
@media(max-width:600px){.offer-banner{min-height:400px;aspect-ratio:auto}.offer-banner-content{max-width:100%}.offer-countdown strong{font-size:20px}.course-enroll{align-items:flex-start;flex-direction:column}.offer-prices strong{font-size:27px}}

/* Keep the intro canvas at 16:9 regardless of source video dimensions. */
.course-intro [data-course-intro]:not(:fullscreen):not(.player-expanded) .player-screen{aspect-ratio:16/9;flex:none}
.course-intro [data-course-intro]:not(:fullscreen):not(.player-expanded) .player-screen video{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;object-fit:contain}
.course-intro .intro-placeholder{width:100%;aspect-ratio:16/9;max-height:none;box-sizing:border-box}
.course-intro.learning-section{padding:0;overflow:hidden;width:100%}
.course-intro>.section-head,.course-intro>.preserve-lines,.course-intro>.course-enroll{margin:24px}
.course-intro [data-course-intro]{width:100%;max-width:none;border-left:0;border-right:0;border-radius:0;box-sizing:border-box}
.course-presentation-toggle{width:100%;margin-bottom:28px}

.account-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.account-photo{width:104px;height:104px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#008cff25;font-size:38px;margin:20px 0}.account-photo img,.account-btn .avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-btn .avatar{overflow:hidden}.account-settings .learning-section{margin:0}@media(max-width:760px){.account-settings{grid-template-columns:1fr}}

.course-access-term{margin:0 0 22px 26px;padding:14px;border:1px solid #008cff33;border-radius:12px;display:flex;gap:12px;flex-wrap:wrap}.course-access-term label{display:flex;flex-direction:column;gap:6px}.course-access-term label[hidden]{display:none}.course-access-term small{flex-basis:100%;opacity:.75}.course-access-term select,.course-access-term input{padding:10px;border-radius:8px}.access-expiry{font-size:12px;color:var(--text);opacity:.8}
.offer-step{padding:18px;margin:12px 0}.offer-step .countdown-fields{margin-top:0}.offer-prices del{font-size:.75em;opacity:.65}.offer-prices strong{font-weight:750}

@media(max-width:650px){
 .offer-banner{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;min-height:0;padding:0;background-image:none!important}
 .offer-banner::before{display:none}
 .offer-banner .offer-countdown{position:static;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text)}
 .offer-countdown strong{font-size:18px}.offer-countdown span{font-size:12px}
 .offer-banner-image{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
 .offer-banner-content{max-width:none;width:100%;padding:18px;color:var(--text)}
 .offer-banner h2{font-size:24px;line-height:1.25;margin:0;color:var(--text);overflow-wrap:anywhere}
 .offer-banner .offer-prices{margin:14px 0;gap:12px}.offer-banner .offer-prices del{font-size:15px}.offer-banner .offer-prices strong{font-size:28px}
 .light .offer-banner .offer-prices strong{color:#006fba}
 .offer-banner .btn{display:flex;justify-content:center;width:100%;min-height:44px}
 .course-intro .intro-placeholder{aspect-ratio:auto;min-height:0;padding:20px 16px;font-size:14px;background:transparent}
 .course-intro>.section-head,.course-intro>.preserve-lines,.course-intro>.course-enroll{margin:18px}
 .course-intro>.section-head{flex-wrap:wrap;gap:12px}
 .page-head{gap:12px;flex-wrap:wrap}.page-head h1{font-size:25px}
}

.expert-profile{overflow:hidden;margin:24px 0 32px}.expert-profile-cover{height:130px;background:radial-gradient(ellipse at 80% 30%,#00dce855,transparent 55%),linear-gradient(125deg,#061b46,#005095)}
.expert-profile-body{padding:0 32px 32px}.expert-profile-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:-48px;position:relative}
.expert-profile-photo{width:116px;height:116px;flex:none;border:5px solid var(--bg);border-radius:50%;background:#07385b;display:grid;place-items:center;overflow:hidden;color:#00dce8;font-size:32px;font-weight:700}
.expert-profile-photo img{width:100%;height:100%;object-fit:cover}.expert-profile-actions,.expert-socials{display:flex;gap:10px;flex-wrap:wrap}.expert-profile-actions{padding-bottom:4px}
.expert-profile-body h2{font-size:30px;margin:22px 0 8px}.expert-specialty{color:var(--cyan);font-size:14px}.light .expert-specialty{color:#006fba}.expert-bio{max-width:720px;line-height:1.8;overflow-wrap:anywhere}.expert-socials{margin:22px 0 30px}.expert-socials a{min-height:44px}
.expert-courses-heading{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.expert-courses-heading span{color:var(--muted)}.expert-profile .cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.platform-about{margin-top:32px}
@media(max-width:650px){.expert-profile-cover{height:100px}.expert-profile-body{padding:0 18px 20px}.expert-profile-photo{width:88px;height:88px}.expert-profile-top{margin-top:-35px;align-items:center;flex-wrap:wrap}.expert-profile-actions{padding-top:40px}.expert-profile-actions .btn{font-size:12px;padding:10px}.expert-profile-body h2{font-size:24px}.expert-profile .cards{grid-template-columns:1fr}.expert-socials{gap:8px}.expert-socials .btn{flex:1 1 40%;justify-content:center}.expert-bio{font-size:14px}}

#offer-learning{scroll-margin-top:110px} .offer-program summary{cursor:pointer;font-size:1.35rem;font-weight:700;padding:8px 0}.offer-program-body{padding-top:12px}.offer-program-body ol{list-style:none;padding:0;margin:12px 0 24px}.offer-program-body li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--border,rgba(128,160,190,.2))}.offer-program-body li span:last-child{min-width:0;overflow-wrap:anywhere}.offer-program .course-enroll{margin-top:20px}
#offer-bonuses,#offer-expert,#offer-platform{scroll-margin-top:110px}.offer-bonus-jump{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 15px;border:1px solid #00dce880;border-radius:12px;background:#00dce815;color:var(--cyan);font-size:13px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff26,0 0 16px #00dce82d;backdrop-filter:blur(12px)}.offer-bonus-jump svg{width:20px;height:20px}.offer-bonus-jump:hover,.offer-bonus-jump:focus-visible{background:#00dce829;border-color:var(--cyan)}.light .offer-bonus-jump{color:#006b8b;background:#00a8bc19}.offer-cta-buttons{display:flex;flex-wrap:wrap;gap:12px}.offer-section-actions{display:flex;justify-content:center;margin:0 0 32px}.offer-final-cta{display:flex;justify-content:center;padding:24px 0 12px}.offer-section-actions .btn,.offer-final-cta .btn{min-height:46px}.offer-final-cta .btn{min-width:min(100%,240px)}
@media(max-width:600px){.offer-cta-buttons{width:100%}.offer-cta-buttons .btn{flex:1 1 100%}.offer-section-actions .btn,.offer-final-cta .btn{width:100%}}
.offer-bonus-note{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px}.offer-bonus-actions{display:grid;gap:10px}.offer-bonus-copy a.btn{display:flex;align-items:center;justify-content:center}
.field[data-access-days][hidden]{display:none}
.course-owned-label{display:inline-flex;align-items:center;min-height:32px;color:var(--cyan);font-size:13px;font-weight:700}
.feedback-plan-fields{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.feedback-plan-fields legend{padding:0 7px;font-weight:700}.feedback-plan-fields p{font-size:13px;line-height:1.5}.feedback-plan-fields [data-feedback-details][hidden]{display:none}.feedback-plan-fields .check-row{align-self:center}
.course-discount-fields{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.course-discount-fields legend{padding:0 7px;font-weight:700}.course-discount-fields p{font-size:13px;line-height:1.5}.course-discount-fields [data-discount-details][hidden]{display:none}.course-discount-fields .form-grid{margin:14px 0}
.tier-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.tier-option{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);min-width:0}.tier-option h3{margin:0;font-size:17px}.tier-option strong{font-size:24px;color:var(--cyan)}.tier-option ul{margin:0;padding-left:20px;flex:1;color:var(--muted);font-size:13px;line-height:1.6}.tier-option .btn{width:100%}@media(max-width:600px){.tier-picker{grid-template-columns:1fr}}
.tier-picker-single{grid-template-columns:1fr}.tier-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tier-price del{color:var(--muted);font-size:15px}.tier-deadline{color:var(--muted);font-size:12px}
.catalog-tier-prices{display:grid;gap:8px;min-width:0}.catalog-tier-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.catalog-tier-row>small{color:var(--muted);font-size:11px;white-space:nowrap}.catalog-tier-row>span{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;flex-wrap:wrap;text-align:right}.catalog-tier-row strong{font-size:18px}.catalog-tier-row del,.catalog-tier-row span small{font-size:11px}.course-bottom .catalog-tier-prices{flex:1;margin:0 12px 0 0}.light .catalog-tier-prices strong{color:#006fba}@media(max-width:430px){.catalog-tier-row{flex-wrap:wrap}.catalog-tier-row>span{width:100%;justify-content:flex-start;text-align:left}}
.course-card-heading{display:flex;align-items:flex-start;gap:10px}.course-card-heading h3{flex:1;min-width:0}.course-gift{flex:none;display:grid;place-items:center;width:38px;height:38px;margin-top:7px;border-radius:10px;border:1px solid var(--glass-edge);background:var(--glass-fill);color:var(--muted);cursor:pointer;backdrop-filter:blur(12px)}.course-gift svg{width:21px;height:21px}.course-gift.is-empty{opacity:.45}.course-gift.is-active{color:var(--cyan);border-color:#00dce880;background:#00dce81a;box-shadow:inset 0 1px 0 #ffffff35,0 0 20px #00dce84a}.course-gift:hover,.course-gift:focus-visible{opacity:1;border-color:var(--cyan);outline-offset:3px}.light .course-gift.is-active{color:#006b8b;background:#00a8bc19}
.course-gift-list{display:grid;gap:12px;margin-top:20px}.course-gift-preview{display:grid;grid-template-columns:118px minmax(0,1fr);gap:15px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.course-gift-preview>img,.course-gift-preview-icon{width:118px;aspect-ratio:16/9;border-radius:9px;object-fit:cover}.course-gift-preview-icon{display:grid;place-items:center;background:#00dce815;color:var(--cyan)}.course-gift-preview-icon svg{width:28px;height:28px}.course-gift-preview>div{min-width:0;display:grid;gap:8px}.course-gift-preview strong{font-size:15px;line-height:1.35}.course-gift-price{display:flex;align-items:baseline;gap:10px}.course-gift-price del{color:var(--muted);font-size:12px}.course-gift-price b{color:var(--cyan);font-size:19px}.course-gift-preview .btn{justify-self:start;padding:7px 11px;font-size:11px}.admin-course-bonuses{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.admin-course-bonuses legend{padding:0 7px;font-weight:700}.admin-course-bonuses p{font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:430px){.course-gift-preview{grid-template-columns:88px minmax(0,1fr);gap:10px}.course-gift-preview>img,.course-gift-preview-icon{width:88px}.course-gift-preview strong{font-size:13px}}
