/* Palette supplied for the September bootcamp campaign. */
:root{--ink:#172044;--muted:#62657a;--blue:#5367F5;--purple:#5367F5;--line:#dcd8e8;--bg:#F8F3EC;--gradient:linear-gradient(110deg,#5367F5,#5367F5);--blush:#F4E8E1;--lavender:#F0EEFF}
body,.sales-page,.sales-hero,.sales-page .stats-strip{background:var(--bg);color:var(--ink)}
.header,.header:has(+.sales-page){background:#f8f3ecf5;border-color:var(--line)}
.sales-page .review-section,.sales-page .curriculum-section,.sales-page .pricing-section,.last-cta,.sales-page .last-cta,footer,.enroll-aside{background:var(--blush);color:var(--ink)}
.quick-offer,.review-card,.sales-page .module,.outcome,.steps-grid article,.price-card,.seat-status,.enroll-card,.auth-card,.admin-panel,.pending-card,.lesson-sidebar,.lesson-player{background:var(--lavender);border-color:var(--line)}
.sales-page .price-card{border-color:var(--line)}
.lesson-player{color:var(--ink)}.lesson-player p{color:var(--muted)}
.button,.sales-page .button,.skills-ribbon,.seat-progress>span{background:#5367F5}
.button:hover{background:#4355db}
.button.secondary,.sales-page .button.secondary{background:var(--bg);color:var(--ink);border-color:var(--line)}
.pill,.hero-centered>.pill,.sales-page .bonus,.review-avatar,.step-icon,.joined-icon{background:var(--lavender);color:#4355ca;border-color:var(--line)}
.gradient{background:none;color:#5367F5;-webkit-text-fill-color:initial}
.hero-centered>p,.hero-centered .hero-trust,.review-card>p,.review-result>span,.review-result small,.results-note,.hero-caption,.quick-price small,.secure-note,.sales-page .secure-note,.seat-status small,.sticky-enroll small{color:var(--muted)}
.last-cta h2,.last-cta p,.last-cta small,.last-cta h2 em,.seat-status-top strong,.seat-status-top>span,.joined-toast strong,.quick-price strong{color:var(--ink)}
.review-result>strong,.sales-page .module-number{color:#4355ca}
.seat-status{max-width:550px}.seat-status-top{flex-wrap:wrap;justify-content:center;gap:5px}.seat-status small{justify-content:center}.seat-progress{height:8px;background:#dcd8e8}
.promo-video{max-width:720px;margin:26px auto 24px;padding:8px;background:var(--lavender);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px #17204415;overflow:hidden}
.promo-video video{display:block;width:100%;max-height:440px;background:#172044;border-radius:13px;object-fit:contain}
.promo-video figcaption{padding:10px 8px 4px;font-size:12px;color:var(--muted)}
.course-offer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:20px 0;color:var(--ink)}
.course-offer del{font-size:18px;color:var(--muted);text-decoration-thickness:2px}
.course-offer strong{font-family:Manrope,sans-serif;font-size:34px;line-height:1.25;letter-spacing:-1px}
.discount-badge{display:inline-block;background:#5367F5;color:white;border-radius:7px;font-size:12px;font-weight:700;padding:5px 9px;white-space:nowrap}
.quick-price .course-offer{grid-column:1/-1;margin:0}.quick-price .button{grid-column:1/-1}.quick-price small{text-align:center}
.price-card .course-offer{justify-content:flex-start;margin:25px 0 8px}.price-card .course-offer strong{font-size:44px}.one-time{font-size:12px;color:var(--muted)}
.enroll-body>.course-offer{margin:0 0 24px}.enroll-body>.course-offer strong{font-size:26px}
.sticky-enroll,.joined-toast{background:#f0eefff5;border-color:var(--line)}.sticky-enroll strong{font-size:23px;color:var(--ink)}
.joined-toast{left:16px;bottom:18px;width:300px;max-width:calc(100% - 32px);min-height:64px;padding:12px 34px 12px 12px;gap:10px;border:1px solid #e0e5ee;border-radius:19px;background:#fff;box-shadow:0 5px 12px #17204412;line-height:1.3}
.joined-toast .joined-icon{width:32px;height:32px;background:#e3e9ff;color:#5367f5;font-size:0}
.joined-toast .joined-icon:before{content:'✓';display:grid;place-items:center;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font-size:10px;font-weight:700}
.joined-toast>div{min-width:0}.joined-toast strong{display:block;font-size:12px;font-weight:600;color:#172044;overflow-wrap:anywhere}.joined-toast p{display:none}.joined-toast time{display:block;font-size:12px;color:#626b80;margin-top:1px}
.joined-toast .joined-dismiss{right:10px;top:50%;transform:translateY(-50%);font-size:19px;color:#626b80;padding:4px;line-height:1}
.joined-toast{overflow:hidden;padding-top:15px;padding-bottom:17px;border-color:#5367f526;background:linear-gradient(115deg,#fff 55%,#f0eeff);box-shadow:0 12px 35px #17204417,0 2px 5px #17204408;animation:enrollment-enter .55s cubic-bezier(.16,1,.3,1) both}
.joined-toast:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#5367f5,#a99afc);transform-origin:left;animation:enrollment-countdown 6.5s linear forwards}
.joined-toast .joined-icon{box-shadow:0 0 0 5px #5367f508;background:linear-gradient(145deg,#e3e9ff,#ede8ff)}
.joined-toast .joined-dismiss:hover{color:#5367f5;background:#5367f50d;border-radius:50%}
.joined-toast.is-leaving{animation:enrollment-exit .32s ease-in both}
@keyframes enrollment-enter{from{opacity:0;transform:translate(-20px,18px) scale(.94)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes enrollment-exit{to{opacity:0;transform:translate(-12px,10px) scale(.97)}}
@keyframes enrollment-countdown{to{transform:scaleX(0)}}
.preview-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:12px 20px;background:#172044;color:#fff;font-size:12px;text-align:center}.preview-banner strong{font-size:10px;letter-spacing:1.2px;background:#5367f5;padding:4px 8px;border-radius:5px}.preview-banner a{color:#dddfff;text-decoration:underline;text-underline-offset:3px}
[data-enrollment-preview] .joined-toast>div:before{content:'DEMO · SAMPLE ENROLLMENT';display:block;color:#5367f5;font-size:8px;letter-spacing:.7px;font-weight:700;margin-bottom:4px}
[data-enrollment-preview] .seat-status:before{content:'PREVIEW · SIMULATED SEATS';display:block;text-align:center;color:#5367f5;font-size:9px;font-weight:700;letter-spacing:.6px;margin-bottom:7px}
@media(prefers-reduced-motion:reduce){.joined-toast,.joined-toast.is-leaving,.joined-toast:after{animation:none}.joined-toast:after{display:none}}
@media(min-width:761px) and (max-width:1100px){.joined-toast{bottom:100px}}
@media(max-width:760px){.promo-video{margin-top:22px;border-radius:14px}.promo-video video{max-height:370px}.promo-video figcaption{font-size:10px}.course-offer strong{font-size:30px}.course-offer del{font-size:16px}.seat-status-top{font-size:12px}.sticky-enroll{left:0;bottom:0;width:100%;border-radius:16px 16px 0 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));transform:translateY(120px)}.sticky-enroll.visible{transform:translateY(0)}.sticky-enroll strong{font-size:22px}.sticky-enroll .button{font-size:13px;min-height:46px}.joined-toast{bottom:calc(96px + env(safe-area-inset-bottom));width:min(270px,calc(100% - 90px));left:12px}.whatsapp-float{bottom:calc(100px + env(safe-area-inset-bottom))}.sales-page~footer{padding-bottom:130px}}