.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%)}
.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}