.marketing-popup.site-shell{--popup-font-cn:var(--site-font);--popup-heading-ink:var(--site-ink);--popup-copy:var(--site-muted);--popup-price:var(--site-accent);--popup-tint:var(--site-soft);--popup-tint-line:var(--site-line);--popup-pad-x:16px;--popup-pad-y:clamp(12px, 3vh, 24px);--popup-card-width:560px;z-index:2000;min-height:0;color:var(--site-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--site-font);font-synthesis:none;background:0 0;margin:0;font-size:16px;font-weight:400;line-height:1.5;display:block;position:relative}@media (max-width:360px){.marketing-popup.site-shell{--popup-pad-x:12px}}.marketing-popup.site-shell *{box-sizing:border-box}.marketing-popup.site-shell :is(h1,h2,h3,p,ul,ol,dl,dt,dd){margin:0;padding:0}.marketing-popup.site-shell button{font:inherit;cursor:pointer;background:0 0;border:0}.marketing-popup.site-shell :is(button,a){-webkit-tap-highlight-color:transparent}.marketing-popup.site-shell a{color:inherit;text-decoration:none}.marketing-popup.site-shell :is(button,a):focus-visible{outline:2px solid var(--site-accent);outline-offset:3px;box-shadow:none}.marketing-popup.site-shell svg{flex:none;display:block}.marketing-popup.site-shell [hidden]{display:none!important}.marketing-popup.site-shell ::selection{background:var(--site-hover-surface);color:var(--site-ink)}.marketing-popup.site-shell .contact-qr{display:contents}.marketing-popup.site-shell .viewer{z-index:2000;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--site-ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.marketing-popup.site-shell .viewer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#37384661}.marketing-popup.site-shell .preview-layout{min-height:100%;padding:calc(var(--popup-pad-y) + env(safe-area-inset-top)) calc(var(--popup-pad-x) + env(safe-area-inset-right)) calc(var(--popup-pad-y) + env(safe-area-inset-bottom)) calc(var(--popup-pad-x) + env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.marketing-popup.site-shell .promotion-card{--gutter:24px;width:100%;max-width:var(--popup-card-width);max-height:calc(100vh - var(--popup-pad-y) * 2 - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--popup-pad-y) * 2 - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--site-surface);border:1px solid var(--site-line);border-radius:var(--site-radius-panel);animation:popup-card-in .45s var(--site-buffer-ease) both;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 72px #3738461f;container-type:inline-size}.marketing-popup.site-shell .promotion-card>*{flex:none}.marketing-popup.site-shell .close-button{z-index:10;width:44px;height:44px;color:var(--site-ink);isolation:isolate;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;top:8px;right:8px}.marketing-popup.site-shell .close-button:before{content:"";z-index:-1;background:var(--site-surface);pointer-events:none;border-radius:50%;width:40px;height:40px;transition:background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-popup.site-shell .close-button:is(:hover,:focus-visible):before{background:var(--site-hover-surface)}.marketing-popup.site-shell .close-button svg{stroke-width:1.6px}.marketing-popup.site-shell [data-view=detail] .close-button:before{background:var(--site-paper)}.marketing-popup.site-shell [data-view=detail] .close-button:is(:hover,:focus-visible):before{background:var(--site-hover-surface)}.marketing-popup.site-shell .promotion-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6d0ea transparent;flex:auto;min-height:0;overflow:hidden auto}.marketing-popup.site-shell .promotion-scroll:focus{outline:none}.marketing-popup.site-shell .promotion-scroll:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}.marketing-popup.site-shell .banner-wrapper{border-radius:var(--site-radius-card);background:radial-gradient(ellipse at 100% 100%, #eae3fa, transparent 75%), var(--site-paper);margin:8px 8px 0;position:relative;overflow:hidden}.marketing-popup.site-shell .course .banner-wrapper{background:radial-gradient(ellipse at 100% 100%, #e6f4ee, transparent 75%),var(--site-paper)}.marketing-popup.site-shell .event .banner-wrapper{background:radial-gradient(ellipse at 100% 100%, #e8effc, transparent 75%),var(--site-paper)}.marketing-popup.site-shell .promotion-banner{aspect-ratio:16/9;border-radius:inherit;-webkit-user-select:none;user-select:none;border:0;width:100%;display:block;position:relative;overflow:hidden}.marketing-popup.site-shell .banner-photo{z-index:0;-o-object-fit:cover;object-fit:cover;opacity:.12;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.marketing-popup.site-shell .promotion-banner:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(70% 75%,#fffefaa6,#0000);position:absolute;inset:0}.marketing-popup.site-shell .banner-content{z-index:2;text-align:center;color:var(--site-ink);flex-direction:column;justify-content:center;align-items:center;padding:0 6%;display:flex;position:absolute;inset:0}.marketing-popup.site-shell .banner-content :is(.banner-label,.banner-title,.banner-info,.banner-info>span){font-family:var(--popup-font-cn);font-variation-settings:normal;font-synthesis:none}.marketing-popup.site-shell .banner-label{max-width:100%;font-size:clamp(12px,2.8cqw,15px);font-weight:var(--banner-label-weight,400);letter-spacing:.04em;color:var(--site-highlight-ink);border-radius:var(--site-radius-button);background:var(--site-lime);margin-bottom:clamp(6px,1.8cqw,10px);padding:6px 12px;line-height:1.2}.marketing-popup.site-shell .banner-title{letter-spacing:-.03em;max-width:100%;color:var(--site-ink);text-wrap:balance;line-break:strict;overflow-wrap:break-word;text-shadow:none;margin-bottom:clamp(8px,2.4cqw,14px);font-size:clamp(21px,6.4cqw,36px);font-weight:600;line-height:1.3}.marketing-popup.site-shell .banner-info{max-width:100%;font-size:clamp(12px,2.6cqw,15px);font-weight:var(--banner-price-weight,400);font-variant-numeric:lining-nums tabular-nums;color:var(--site-ink);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px clamp(6px,1.6cqw,10px);line-height:1.4;display:flex}.marketing-popup.site-shell .banner-info>span{white-space:nowrap;font-size:inherit;font-weight:inherit;line-height:inherit}.marketing-popup.site-shell .banner-info .strike{color:var(--site-muted);text-decoration:none}.marketing-popup.site-shell .banner-info .strike s{text-decoration-thickness:1px}.marketing-popup.site-shell .banner-info .sub-text{color:var(--site-muted)}.marketing-popup.site-shell .banner-info .highlight-price{letter-spacing:-.025em;color:var(--site-accent);font-size:clamp(26px,6.4cqw,36px);font-weight:600;line-height:1}.marketing-popup.site-shell .banner-info .event-info{white-space:normal;text-wrap:balance;font-size:clamp(13px,2.8cqw,15px);font-weight:500;line-height:1.3}.marketing-popup.site-shell .promotion-content{padding:20px var(--gutter)}.marketing-popup.site-shell .promotion-heading{color:var(--popup-heading-ink);font-family:var(--site-font);letter-spacing:-.01em;text-wrap:balance;line-break:strict;overflow-wrap:normal;margin:0 0 8px;font-size:clamp(19px,3.8cqw,21px);font-weight:600;line-height:1.35}.marketing-popup.site-shell .promotion-desc{color:var(--popup-copy);text-wrap:pretty;line-break:strict;font-size:14px;line-height:1.7}.marketing-popup.site-shell .copy-sentence{display:block}.marketing-popup.site-shell :is(.copy-keep,.nw){white-space:nowrap}.marketing-popup.site-shell .promotion-facts{border-radius:var(--site-radius-card);background:var(--popup-tint);margin-top:16px;padding:14px 16px}.marketing-popup.site-shell .course-meta{border-bottom:1px solid var(--popup-tint-line);font-family:var(--popup-font-cn);font-variation-settings:normal;font-variant-numeric:lining-nums tabular-nums;color:var(--site-ink);flex-wrap:wrap;align-items:center;row-gap:4px;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:400;line-height:20px;display:flex}.marketing-popup.site-shell .course-meta span{white-space:nowrap;align-items:center;display:inline-flex}.marketing-popup.site-shell .course-meta span:first-child{color:var(--site-accent);font-weight:600}.marketing-popup.site-shell .course-meta span+span:before{content:"";background:#d3caef;flex:none;width:1px;height:12px;margin:0 12px}.marketing-popup.site-shell .benefits-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;display:grid}.marketing-popup.site-shell .benefit-item{align-items:center;gap:8px;min-width:0;display:flex}.marketing-popup.site-shell .benefit-icon{width:16px;height:16px;color:var(--site-accent);flex:none}.marketing-popup.site-shell .benefit-icon svg{stroke-width:2.25px;width:100%;height:100%}.marketing-popup.site-shell .benefit-text{min-width:0}.marketing-popup.site-shell .benefit-text h3{font-family:var(--site-font);font-variation-settings:"wght" 600;color:var(--site-ink);white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.marketing-popup.site-shell [data-view=detail] .promotion-content{padding-top:24px}.marketing-popup.site-shell [data-view=detail] .promotion-heading{padding-right:48px}.marketing-popup.site-shell .promotion-details-link{border-radius:var(--site-radius-card);margin-top:16px;display:block}.marketing-popup.site-shell .promotion-details-image{border:1px solid var(--site-line);border-radius:var(--site-radius-card);width:100%;height:auto;display:block}.marketing-popup.site-shell .promotion-details-list{counter-reset:detail-item;border-radius:var(--site-radius-card);background:var(--popup-tint);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:16px;padding:14px 16px;list-style:none;display:grid}.marketing-popup.site-shell .promotion-details-list li{counter-increment:detail-item;min-width:0;color:var(--site-ink);align-items:baseline;gap:10px;font-size:14px;line-height:1.5;display:flex}.marketing-popup.site-shell .promotion-details-list li:before{content:counter(detail-item, decimal-leading-zero);min-width:2ch;font-family:var(--popup-font-cn);font-variant-numeric:tabular-nums lining-nums;color:var(--site-accent);flex:none;font-size:12px;font-weight:600}.marketing-popup.site-shell .promotion-footer{z-index:2;border-top:1px solid var(--site-line);background:var(--site-surface);position:relative}.marketing-popup.site-shell .footer-meta{margin:12px var(--gutter) 0;border-radius:var(--site-radius-input);background:var(--popup-tint);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.marketing-popup.site-shell .footer-meta-text{flex-direction:column;gap:2px;min-width:0;display:flex}.marketing-popup.site-shell .offer-label{color:var(--popup-price);font-variation-settings:"wght" 600;font-size:13px;font-weight:600;line-height:18px}.marketing-popup.site-shell .timer-title{color:var(--site-accent);font-variation-settings:"wght" 600;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.marketing-popup.site-shell .offer-label+.timer-title{color:var(--site-muted);font-variation-settings:"wght" 500;font-size:12px;font-weight:500}.marketing-popup.site-shell .timer-digits{font-family:var(--site-font-mono);font-variant-numeric:tabular-nums;color:var(--site-accent);flex:none;align-items:center;gap:3px;display:flex}.marketing-popup.site-shell .timer-digits .digit{background:var(--site-surface);border-radius:5px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 6px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.marketing-popup.site-shell .timer-digits .colon{opacity:.55;font-size:14px;line-height:1}.marketing-popup.site-shell [data-expired] .footer-meta{background:var(--site-paper)}.marketing-popup.site-shell [data-expired] :is(.timer-title,.timer-digits){color:var(--site-faint)}.marketing-popup.site-shell .footer-main{padding:14px var(--gutter) 18px;align-items:center;gap:16px;display:flex}.marketing-popup.site-shell .footer-meta+.footer-main{padding-top:12px}.marketing-popup.site-shell .price-area{min-width:0;font-family:var(--popup-font-cn);font-variation-settings:normal;font-variant-numeric:lining-nums tabular-nums;flex-wrap:wrap;flex:auto;align-items:baseline;gap:4px 10px;line-height:1;display:flex}.marketing-popup.site-shell .price-main{white-space:nowrap;align-items:baseline;display:flex}.marketing-popup.site-shell :is(.price-main,.price-original)>*{font-variation-settings:normal;font-family:inherit}.marketing-popup.site-shell .price-currency{color:var(--popup-price);margin-right:1px;font-size:18px;font-weight:600}.marketing-popup.site-shell .price-amount{letter-spacing:-.02em;color:var(--popup-price);font-size:34px;font-weight:600}.marketing-popup.site-shell .price-term{color:var(--site-muted);margin-left:6px;font-size:13px;font-weight:400}.marketing-popup.site-shell .price-original{white-space:nowrap;color:var(--site-muted);font-size:13px;font-weight:400}.marketing-popup.site-shell .price-original s{text-decoration-thickness:1px}.marketing-popup.site-shell .promotion-actions{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.marketing-popup.site-shell .footer-main:not(.has-price) .promotion-actions{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.marketing-popup.site-shell .action{border-radius:var(--site-radius-button);min-width:124px;height:48px;font-family:var(--site-font);letter-spacing:-.01em;text-align:center;white-space:nowrap;isolation:isolate;border:0;justify-content:center;align-items:center;padding:0 20px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden;transform:none}.marketing-popup.site-shell .promotion-actions .action{min-width:0}.marketing-popup.site-shell .footer-main.has-price .promotion-actions .action{min-width:124px}.marketing-popup.site-shell .action.primary{background:var(--site-accent);color:#fff}.marketing-popup.site-shell .action.secondary{background:var(--site-soft);color:var(--site-ink)}@media (hover:hover){.marketing-popup.site-shell .action.primary:hover:enabled{background:var(--site-hover-ink)}.marketing-popup.site-shell .action.secondary:hover:enabled{background:var(--site-hover-surface);color:var(--site-hover-ink)}}.marketing-popup.site-shell .action.secondary:focus-visible:enabled{background:var(--site-hover-surface);color:var(--site-hover-ink)}.marketing-popup.site-shell .action:disabled,.marketing-popup.site-shell .action:disabled:hover{background:var(--site-soft);color:var(--site-faint);cursor:not-allowed}.marketing-popup.site-shell .rotate-label{--label-factor:3;place-items:center;display:inline-grid;position:relative;overflow:visible}@keyframes popup-card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@container (max-width:479.98px){.marketing-popup.site-shell .promotion-card>*{--gutter:16px}.marketing-popup.site-shell .promotion-content{padding-top:18px;padding-bottom:18px}.marketing-popup.site-shell .close-button{width:48px;height:48px;top:6px;right:6px}.marketing-popup.site-shell [data-view=detail] .promotion-content{padding-top:20px}.marketing-popup.site-shell .promotion-facts{margin-top:14px;padding:12px 14px}.marketing-popup.site-shell .benefits-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.marketing-popup.site-shell .footer-main.has-price{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:16px}.marketing-popup.site-shell .footer-main:not(.has-price){padding-bottom:16px}.marketing-popup.site-shell .price-amount{font-size:30px}.marketing-popup.site-shell .footer-main .promotion-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.marketing-popup.site-shell .footer-main .promotion-actions .action{min-width:0;padding-inline:8px}}@container (max-width:339.98px){.marketing-popup.site-shell .promotion-facts{padding-inline:12px}.marketing-popup.site-shell .benefits-list{-moz-column-gap:8px;column-gap:8px}.marketing-popup.site-shell .benefit-item{gap:6px}.marketing-popup.site-shell .course-meta span+span:before{margin-inline:8px}.marketing-popup.site-shell .footer-meta{gap:8px;padding-left:10px}.marketing-popup.site-shell .timer-digits .digit{min-width:28px;padding:0 4px}.marketing-popup.site-shell .footer-main .promotion-actions .action{padding-inline:6px}.marketing-popup.site-shell .promotion-details-list{grid-template-columns:minmax(0,1fr)}}@container (max-width:299.98px){.marketing-popup.site-shell .benefit-text h3{white-space:normal;text-wrap:balance}.marketing-popup.site-shell .benefit-item{align-items:flex-start}.marketing-popup.site-shell .benefit-icon{margin-top:2px}}@media (max-height:640px){.marketing-popup.site-shell{--popup-pad-y:8px}.marketing-popup.site-shell .promotion-content{padding-top:16px;padding-bottom:16px}.marketing-popup.site-shell .footer-meta{margin-top:10px;padding-top:6px;padding-bottom:6px}.marketing-popup.site-shell .footer-meta-text{-moz-column-gap:8px;flex-flow:wrap;align-items:baseline;column-gap:8px}.marketing-popup.site-shell .footer-main{padding-top:10px;padding-bottom:12px}.marketing-popup.site-shell .footer-meta+.footer-main{padding-top:10px}}@media (max-height:460px){.marketing-popup.site-shell .promotion-card{overscroll-behavior:contain;scrollbar-width:thin;overflow:hidden auto}.marketing-popup.site-shell .promotion-scroll{flex:none;min-height:auto;overflow:visible}.marketing-popup.site-shell .promotion-footer{position:sticky;bottom:0}.marketing-popup.site-shell .close-button{align-self:flex-end;margin:8px 8px -52px 0;position:sticky;top:8px}}@media (prefers-reduced-motion:reduce){.marketing-popup.site-shell *,.marketing-popup.site-shell :before,.marketing-popup.site-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
