body.course-promotion-open{overflow:hidden}.course-promotion-modal{position:fixed;inset:0;z-index:500;padding:clamp(12px,3vh,30px);display:grid;place-items:center;overflow-y:auto}.course-promotion-modal[aria-hidden="true"]{display:none}.course-promotion-backdrop{position:fixed;inset:0;border:0;background:rgba(1,4,10,.84);backdrop-filter:blur(12px);cursor:pointer}.course-promotion-dialog{position:relative;width:min(920px,100%);max-height:calc(100dvh - 24px);overflow:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);border:1px solid rgba(103,232,249,.38);border-radius:28px;background:linear-gradient(145deg,#08111d,#11102b 58%,#20102a);box-shadow:0 35px 120px rgba(0,0,0,.72),0 0 55px rgba(34,211,238,.14)}.course-promotion-close{position:absolute;z-index:3;top:12px;right:12px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(4,8,17,.88);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.4);cursor:pointer}.course-promotion-close svg{width:24px}.course-promotion-art{min-height:520px;overflow:hidden;background:#070a12}.course-promotion-art img{width:100%;height:100%;display:block;object-fit:cover}.course-promotion-copy{padding:clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.course-promotion-copy>span{display:flex;align-items:center;gap:8px;color:#67e8f9;font-size:.7rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.course-promotion-copy>span svg{width:17px}.course-promotion-copy h2{margin:16px 0 8px;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.course-promotion-copy>p{margin:0;color:#abb9cc;font-size:.9rem}.course-promotion-price{width:100%;margin:26px 0 20px;padding:17px;display:grid;gap:4px;border:1px solid rgba(250,204,21,.28);border-radius:17px;background:linear-gradient(135deg,rgba(250,204,21,.1),rgba(244,63,94,.08))}.course-promotion-price small{color:#d3bd6c;font-size:.67rem}.course-promotion-price strong{color:#fff1a8;font-size:2rem;line-height:1}.course-promotion-price em{color:#9caac0;font-size:.65rem;font-style:normal}.course-promotion-action{width:100%;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#7c3aed 55%,#db2777);color:#fff;font-weight:950;box-shadow:0 16px 42px rgba(124,58,237,.35);transition:.2s}.course-promotion-action:hover{transform:translateY(-2px);filter:brightness(1.1)}.course-promotion-action svg{width:19px}.course-promotion-copy>small{align-self:center;margin-top:10px;color:#76869a;font-size:.6rem}@media(max-width:760px){.course-promotion-modal{padding:8px;place-items:start center}.course-promotion-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 16px);border-radius:21px}.course-promotion-art{min-height:0;height:min(35dvh,280px)}.course-promotion-copy{padding:24px 18px 20px}.course-promotion-copy h2{padding-right:35px;font-size:clamp(1.75rem,9vw,2.55rem)}.course-promotion-price{margin:18px 0 15px}.course-promotion-close{position:sticky;float:right;top:9px;margin:9px 9px -55px auto}.course-promotion-art img{object-position:center}.course-promotion-action{min-height:50px}.course-promotion-copy>small{padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media(max-height:620px) and (orientation:landscape){.course-promotion-dialog{grid-template-columns:.85fr 1.15fr}.course-promotion-art{height:auto;min-height:calc(100dvh - 24px)}.course-promotion-copy{padding:22px}.course-promotion-copy h2{font-size:1.9rem}.course-promotion-price{margin:13px 0;padding:12px}.course-promotion-price strong{font-size:1.55rem}}