*{margin:0;padding:0;box-sizing:border-box}body.page-newconcept{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#1e293b}.new-concept{width:100%;min-height:100vh;background:#fff;position:relative;display:flex;flex-direction:column}.concept-header{background:linear-gradient(135deg,#ea4a71,#e25a41);padding:18px 15px 14px;color:#fff;position:relative}.concept-header__content{display:flex;align-items:flex-start;gap:15px}.concept-header__back-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s;flex-shrink:0;margin-top:-2px}.concept-header__back-btn:hover{background:#ffffff1a}.concept-header__info{flex:1;min-width:0}.concept-header__title{font-size:16px;font-weight:600;opacity:.95;display:flex;align-items:center;gap:8px;margin-bottom:8px}.concept-header__icon{position:relative;top:1px}.concept-header__module-info{font-size:13px;font-weight:600;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-header__progress-bar{background:#fff3;height:6px;border-radius:8px;overflow:hidden;width:85%;position:relative;margin-bottom:6px}.concept-header__progress-text{font-size:11px;opacity:.85;font-weight:500;width:85%}.concept-header__progress-fill{background:#ffffffe6;height:100%;border-radius:8px;transition:width .4s ease;box-shadow:0 0 8px #ffffff4d}.concept-header__progress-text--spaced{display:flex;justify-content:space-between}.concept-module{background:linear-gradient(to right,#f8fafc,#f1f5f9);padding:8px 20px;font-size:12px;font-weight:600;color:#64748b;text-align:center;border-bottom:1px solid #e2e8f0;letter-spacing:.3px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.concept-container{padding:25px 20px 0;flex:1;display:flex;flex-direction:column;overflow-y:auto}.concept-card{background:#fff;border-radius:16px;padding:35px 20px;box-shadow:0 4px 6px -1px #0000001a;text-align:center;display:flex;flex-direction:column;margin-bottom:25px}.concept-card--teaching{background:linear-gradient(135deg,#fefefe,#f8fafc);border:2px solid #EA4A71;position:relative}.concept-card__badge{background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:center;margin-bottom:20px;display:flex;align-items:center;gap:6px;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #ea4a7166}.concept-card__title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:15px;line-height:1.2}.concept-card__subtitle{font-size:16px;color:#64748b;margin-bottom:25px;line-height:1.4}.concept-card__example{background:#ea4a710d;border-radius:8px;padding:15px;margin:15px 0;border-left:3px solid #EA4A71}.concept-card__example-spanish{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:5px}.concept-card__example-spanish[data-audio-text]{cursor:pointer}.concept-card__example-english{font-size:14px;color:#64748b;font-style:italic}.concept-pattern{background:#f8fafc;border-radius:12px;padding:20px;margin:20px 0;text-align:left}.concept-pattern+.concept-pattern{margin-top:20px}.concept-pattern__title{font-weight:600;margin-bottom:15px;color:#1e293b;text-align:center}.concept-pattern__subtitle{text-align:center;margin-top:12px;margin-bottom:12px;font-size:.9em;color:var(--color-text-tertiary)}.concept-pattern__row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.concept-pattern__row:last-child{border-bottom:none}.concept-pattern__row[data-audio-text]{cursor:pointer}.concept-pattern--large-numbers .concept-pattern__row{display:flex;justify-content:flex-start;gap:20px}.concept-pattern--large-numbers .concept-pattern__left{min-width:100px;text-align:right}.concept-pattern--large-numbers .concept-pattern__right{text-align:left;flex:1}.concept-pattern__pronoun{font-weight:600;color:#64748b}.concept-pattern__verb{font-weight:600;color:#ea4a71;transition:all .3s ease}.concept-pattern__left{font-weight:600;color:#64748b;flex:1;text-align:right;padding-right:10px}.concept-pattern__arrow{color:#94a3b8;padding:0 15px;flex-shrink:0}.concept-pattern--two-column .concept-pattern__left{white-space:normal;word-break:break-word}.concept-pattern--two-column .concept-pattern__right{text-align:left;padding-left:10px}.concept-pattern__right{font-weight:600;color:#ea4a71;transition:all .3s ease;flex:1;text-align:left;padding-left:10px}.concept-pattern__right--highlighted{transform:scale(1.1)!important;color:#d63864!important}.concept-pattern__verb--throb{animation:throb .6s ease-in-out;transform-origin:center}@keyframes throb{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-audio-text].throb,.throb{animation:throb .6s ease-in-out!important;transform-origin:center!important}[data-audio-text]{cursor:pointer}button [data-audio-text]{cursor:inherit}.concept-tip{background:#2563eb0d;border-radius:12px;padding:15px;margin:20px 0;border-left:3px solid #2563eb}.concept-tip__text{font-size:14px;color:#1e293b;line-height:1.5}.concept-card__audio-btn{background:#ea4a71;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;cursor:pointer;margin:10px auto;display:flex;align-items:center;gap:8px;transition:all .2s}.concept-card__audio-btn:hover{background:#d63864;transform:translateY(-1px)!important}.concept-action-container .btn-primary{width:100%;box-sizing:border-box;margin-top:20px}.concept-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.concept-particles__particle{position:absolute;background:linear-gradient(135deg,#ea4a71,#e25a41);border-radius:50%;opacity:0;animation:floatUp 3s ease-out infinite}.concept-particles__particle:nth-child(1){left:20%;width:4px;height:4px;animation-delay:2s}.concept-particles__particle:nth-child(2){left:50%;width:3px;height:3px;animation-delay:2.5s}.concept-particles__particle:nth-child(3){left:80%;width:5px;height:5px;animation-delay:3s}.concept-particles__particle:nth-child(4){left:35%;width:2px;height:2px;animation-delay:3.5s}.concept-particles__particle:nth-child(5){left:65%;width:4px;height:4px;animation-delay:4s}@keyframes floatUp{0%{opacity:0;transform:translateY(100px) rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.concept-pattern--two-column{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.concept-pattern--two-column .concept-pattern__title{grid-column:1 / -1;margin-bottom:15px}.concept-pattern--two-column .concept-pattern__row{margin:0;padding:6px 0}.concept-pattern--two-column .concept-pattern__row:last-child{border-bottom:1px solid #e2e8f0}.concept-alphabet{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.concept-alphabet__cell{background:#f8fafc;border-radius:8px;padding:12px 8px;text-align:center;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.concept-alphabet__cell:hover:not(:active):not(.concept-alphabet__cell--active){background:#f1f5f9;border-color:#ea4a71;transform:translateY(-2px)}.concept-alphabet__cell--active{background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;transform:scale(1.1)}.concept-alphabet__cell:active{background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;transform:scale(.98);border-color:transparent}.concept-alphabet__cell:active .concept-alphabet__letter,.concept-alphabet__cell:active .concept-alphabet__name,.concept-alphabet__cell--active .concept-alphabet__letter,.concept-alphabet__cell--active .concept-alphabet__name{color:#fff}.concept-alphabet__letter{font-size:24px;font-weight:700;margin-bottom:2px}.concept-alphabet__name{font-size:11px;opacity:.8;font-style:italic}.concept-explanation{text-align:center;margin:20px 0 25px}.decimal-audio{cursor:pointer;transition:all .3s ease}.decimal-audio:hover{color:#d63864!important;transform:scale(1.05)}.concept-note{background:#fef3c7;border-radius:12px;padding:15px;margin:20px 0;border-left:3px solid #f59e0b}.concept-note__text{font-size:14px;color:#1e293b;line-height:1.5}.icon-center{display:flex;align-items:center;justify-content:center}.concept-formula{display:flex;align-items:center;justify-content:center;gap:15px;font-size:22px;font-weight:700;margin:20px 0}.concept-formula__part{color:#ea4a71;font-weight:700}.concept-formula__part--operator{color:#64748b;font-weight:500}.concept-formula__part--result{color:#16a34a}.concept-formula__translation{text-align:center;font-size:14px;color:#64748b;margin-top:10px}.concept-pattern--formula{background:transparent;padding:15px 20px}.concept-pattern__right--pink{color:#ea4a71}.concept-pattern__right--blue{color:#2563eb}.concept-pattern__right--green{color:#16a34a}.concept-pattern__right--orange{color:#f59e0b}.concept-pattern__right--purple{color:#8b5cf6}.concept-formula{padding:15px;border-radius:8px;margin:10px 0}.concept-formula__content{font-size:16px;color:#1e293b;text-align:center}.concept-formula__part--pink{color:#ea4a71}.concept-formula__part--blue{color:#2563eb}.concept-formula__part--green{color:#16a34a}.concept-formula__part--orange{color:#f59e0b}.concept-formula__part--purple{color:#8b5cf6}.concept-pattern__row--total{border-top:2px solid #e2e8f0;margin-top:-1px;padding-top:12px}@media (max-width: 400px){.concept-pattern--two-column{grid-template-columns:1fr;gap:0}.concept-pattern--two-column .concept-pattern__row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.concept-pattern--two-column .concept-pattern__left{color:#1e293b;font-size:15px}.concept-pattern--two-column .concept-pattern__right{font-weight:400;color:#64748b;font-size:14px;margin-left:10px}}.concept-comparison{margin:20px 0;overflow-x:auto}.concept-comparison__table{width:100%;border-collapse:collapse;font-size:14px}.concept-comparison__table th,.concept-comparison__table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e2e8f0}.concept-comparison__table th{background:#f8fafc;font-weight:600;color:#1e293b}.concept-comparison__table td{color:#64748b}.concept-comparison__correct{color:#16a34a;font-weight:600}.concept-comparison__incorrect{color:#ef4444;font-weight:600;text-decoration:line-through}.concept-pattern--split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.concept-pattern--split .concept-pattern__title{grid-column:1 / -1;margin-bottom:15px}.concept-pattern--split .concept-pattern__section{background:#f8fafc;border-radius:8px;padding:15px}.concept-pattern--split .concept-pattern__section-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:10px}.concept-pattern--split .concept-pattern__row{padding:5px 0;margin:0;border:none}.concept-pattern--split .concept-pattern__section .concept-pattern__row{display:block}.concept-pattern--split .concept-pattern__section .concept-pattern__right{text-align:left;padding-left:0;display:inline-block}@media (max-width: 400px){.concept-pattern--split{grid-template-columns:1fr;gap:15px}}.flashcard-pattern__left[data-audio-word],.flashcard-pattern__right[data-audio-word],.concept-pattern__row[data-audio-text],.concept-card__example-spanish[data-audio-text]{cursor:pointer}.concept-action-container{padding:0 20px 20px;text-align:center}.study-header{position:sticky;top:0;background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;z-index:100;box-shadow:0 2px 4px #0000001a}.study-header__content{display:flex;align-items:center;gap:12px;padding:12px 20px}.study-header__back-btn{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:6px;border-radius:6px;line-height:1;transition:background .2s}.study-header__back-btn:hover{background:#ffffff1a}.study-header__info{flex:1;display:flex;flex-direction:column;gap:4px}.study-header__title{font-size:14px;font-weight:600;opacity:.95}.study-header__progress-bar{background:#fff3;height:6px;border-radius:8px;overflow:hidden;margin-bottom:6px}.study-header__progress-fill{background:#ffffffe6;height:100%;border-radius:8px;transition:width .4s ease;box-shadow:0 0 8px #ffffff4d}.study-header__progress-text{display:flex;justify-content:space-between;font-size:11px;opacity:.85;font-weight:500}.study-header__progress-text--spaced{margin-top:2px}.study-module-bar{background:linear-gradient(to right,#f8fafc,#f1f5f9);padding:8px 20px;font-size:12px;font-weight:600;color:#64748b;text-align:center;border-bottom:1px solid #e2e8f0;letter-spacing:.3px}.interstitial{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.interstitial__hero-section{background:linear-gradient(135deg,#ea4a71,#e25a41);padding:3.5rem 1.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;text-align:center}.interstitial--milestone .interstitial__hero-section,.interstitial--complete .interstitial__hero-section,.interstitial--checkpoint .interstitial__hero-section,.interstitial--new-concept .interstitial__hero-section{padding-bottom:4rem}.interstitial__body-section{flex:1;padding:1.5rem 1.25rem max(2rem,calc(env(safe-area-inset-bottom,0px) + 1rem));display:flex;flex-direction:column;gap:1rem;align-items:stretch}.interstitial--milestone .interstitial__body-section,.interstitial--complete .interstitial__body-section,.interstitial--checkpoint .interstitial__body-section{padding-top:0}.interstitial__body-section--white{background:#fff;border-radius:20px 20px 0 0;margin-top:-20px}.interstitial__hero-emoji{font-size:4rem;line-height:1;display:block}.interstitial__hero-emoji svg{width:72px;height:72px;display:block}.interstitial__title{font-size:2rem;font-weight:700;color:#fff;line-height:1.15;margin:0}.interstitial__subtitle{font-size:1rem;color:#ffffffe0;font-weight:400;margin:0}.interstitial__module-name{font-size:1.05rem;font-weight:600;color:#fffffff2;margin:0}.interstitial__module-tagline{font-size:.9rem;color:#ffffffbf;margin:0}.interstitial__progress-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.875rem;margin-top:-2rem;position:relative;z-index:1}.interstitial__progress-heading{font-size:1.15rem;font-weight:600;color:#1e293b;text-align:center;margin:0}.interstitial__progress{display:flex;flex-direction:column;gap:.5rem}.interstitial__progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.interstitial__progress-fill{height:100%;background:linear-gradient(90deg,#ea4a71,#e25a41);border-radius:999px;transition:width .6s ease-out}.interstitial__progress-text{font-size:.875rem;color:#64748b;text-align:center}.interstitial__stats-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1rem 1.25rem;opacity:0;transform:translateY(16px);transition:opacity .3s ease-out,transform .3s ease-out}.interstitial__stats-card.animate{opacity:1;transform:translateY(0)}.interstitial__stats-card--overlap{margin-top:-2rem;position:relative;z-index:1}.interstitial__stats-row{display:flex;justify-content:space-around;align-items:center}.interstitial__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem 0}.interstitial__stat-number{font-size:2rem;font-weight:700;line-height:1}.interstitial__stat-number--correct{color:#16a34a}.interstitial__stat-number--practice{color:#ea4a71}.interstitial__stat-number--accuracy{color:#e25a41}.interstitial__stat-number--brand{color:#ea4a71}.interstitial__stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-weight:500}.interstitial__card-count{text-align:center;margin:0}.interstitial__card-count-primary{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.interstitial__card-count-secondary{font-size:.875rem;color:#475569;margin:0}.interstitial__streak-card{background:linear-gradient(135deg,#ea4a710f,#e25a410a);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:.875rem 1.25rem;display:flex;align-items:center;gap:.5rem;opacity:0}.interstitial__streak-icon{font-size:1.25rem;flex-shrink:0}.interstitial__streak-text{font-size:.875rem;color:#1e293b;font-weight:500}.interstitial__topic-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.interstitial__topic-pill{background:#ea4a7114;border:1px solid rgba(234,74,113,.2);color:#ea4a71;border-radius:999px;padding:.3rem .875rem;font-size:.8rem;font-weight:500}.interstitial__checklist-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1rem 1.25rem;opacity:0;transform:translateY(16px);transition:opacity .3s ease-out,transform .3s ease-out}.interstitial__checklist-card.animate{opacity:1;transform:translateY(0)}.interstitial__checklist-card--overlap{margin-top:-2rem;position:relative;z-index:1}.interstitial__checklist-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:#64748b;margin-bottom:.75rem}.interstitial__checklist-row{display:flex;align-items:center;gap:.625rem;padding:.45rem 0;border-bottom:1px solid #f1f5f9;opacity:0;transform:translateY(6px);transition:opacity .25s ease-out,transform .25s ease-out;transition-delay:calc(var(--row-index, 0) * 40ms)}.interstitial__checklist-row:last-child{border-bottom:none}.interstitial__checklist-row.stagger{opacity:1;transform:translateY(0)}.interstitial__checklist-check{color:#ea4a71;font-weight:700;font-size:.9rem;flex-shrink:0}.interstitial__checklist-name{font-size:.875rem;font-weight:500;color:#1e293b}.interstitial__checklist-count{font-size:.8rem;color:#6b7280;font-weight:500;flex-shrink:0;margin-left:auto}.interstitial__up-next{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;text-align:left}.interstitial__up-next-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.interstitial__up-next-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ea4a71;font-weight:700}.interstitial__up-next-name{font-weight:700;color:#1e293b;font-size:1rem}.interstitial__up-next-desc{font-size:.82rem;color:#94a3b8;margin:0}.interstitial__motivation{font-style:italic;color:#64748b;font-size:.875rem;text-align:center;line-height:1.5;margin:0;opacity:0}.interstitial__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.interstitial__btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:.2rem}.interstitial__btn-subtitle{font-size:.8rem;opacity:.72}.interstitial .btn-primary,.interstitial .btn-outline{width:100%;box-sizing:border-box}.interstitial .btn-outline{background:#fff;border:1.5px solid #e2e8f0;color:#64748b;box-shadow:none;padding:1.1rem 1.5rem;font-size:18px;font-weight:600;border-radius:12px;transition:all .2s}.interstitial .btn-outline:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.interstitial .btn-primary.interstitial__btn--stacked{display:flex;flex-direction:column;align-items:center;gap:.2rem;height:auto;padding:1.1rem 1.5rem 1rem}.interstitial__keep-going-label{font-size:1.05rem;font-weight:700;color:#fff;line-height:1}.interstitial__keep-going-count{font-size:.8rem;color:#ffffffd1;font-weight:500;line-height:1}.interstitial__cumulative-card{background:linear-gradient(135deg,#ea4a710f,#e25a410a);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:.875rem 1.25rem;display:flex;align-items:center;gap:.5rem;opacity:0}.interstitial__cumulative-star{flex-shrink:0;display:flex;align-items:center;margin-top:.1rem}.interstitial__cumulative-star.animate{animation:flamePulse 1.4s ease-in-out infinite}.interstitial__cumulative-text{font-size:.875rem;color:#1e293b;font-weight:500}.interstitial--complete .interstitial__hero-section{position:relative;overflow:hidden}.interstitial__particle{position:absolute;left:var(--p-left, 50%);top:var(--p-top, 60%);width:4px;height:4px;border-radius:50%;background:#ffffff47;pointer-events:none;animation:particleFloat var(--p-dur, 2.5s) ease-out var(--p-delay, 0s) infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}18%{opacity:1}to{opacity:0;transform:translateY(-48px) scale(1)}}@keyframes heroIconBounce{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes heroTextFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interstitial__hero-emoji.animate{animation:heroIconBounce .48s cubic-bezier(.34,1.56,.64,1) both}.interstitial__title.animate{animation:heroTextFade .34s ease-out .16s both}.interstitial__subtitle.animate,.interstitial__module-name.animate{animation:heroTextFade .34s ease-out .28s both}.interstitial__module-tagline.animate{animation:heroTextFade .34s ease-out .36s both}.interstitial__streak-card.animate{animation:slideUpFade .38s ease-out both}.interstitial__motivation.animate{animation:slideUpFade .38s ease-out .42s both}.interstitial__cumulative-card.animate{animation:slideUpFade .4s var(--ease-out-expo, ease-out) both}.interstitial__actions.animate{animation:slideUpFade .38s ease-out .18s both}.interstitial__topic-pills.animate{animation:slideUpFade .38s ease-out .2s both}.interstitial__up-next.animate{animation:slideUpFade .38s ease-out .3s both}.interstitial__progress.animate,.interstitial__progress-card.animate{animation:slideUpFade .38s ease-out .14s both}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes flamePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}.interstitial__streak-flame{flex-shrink:0;display:flex;align-items:center}.interstitial__streak-flame.animate{animation:flamePulse 1.4s ease-in-out infinite}.interstitial__hero-section--cefr{background:linear-gradient(160deg,#b0003a,#ea4a71 45%,#e25a41)!important;padding-top:3rem;padding-bottom:3rem;overflow:hidden}@keyframes cefrFloatUp{0%{top:105%;opacity:0}10%{opacity:.8}90%{opacity:.4}to{top:-10%;opacity:0}}.interstitial__particle--float{position:absolute;width:var(--p-size, 8px);height:var(--p-size, 8px);border-radius:50%;background:#ffffff26;pointer-events:none;animation:cefrFloatUp var(--p-dur, 3s) var(--p-delay, 0s) ease-in-out infinite}.interstitial__cefr-level-transition{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem}.interstitial__cefr-level-from{font-size:1.1rem;font-weight:700;color:#fff6;opacity:0;transition:opacity .3s ease-out}.interstitial__cefr-level-arrow{font-size:1.1rem;color:#ffffff40;opacity:0;transition:opacity .3s ease-out}.interstitial__cefr-level-to{font-size:1.1rem;font-weight:800;color:#fff;opacity:0;transform:scale(.8);transition:opacity .3s ease-out,transform .3s ease-out}@keyframes cefrBadgePop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.interstitial__cefr-badge{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000026;padding:1.25rem 2.5rem;text-align:center;margin-bottom:1.25rem;opacity:0;animation:cefrBadgePop .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-play-state:paused}.interstitial__cefr-badge-level{display:block;font-size:4.5rem;font-weight:900;color:#ea4a71;line-height:1;letter-spacing:-2px}.interstitial__cefr-badge-label{display:block;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:2px;margin-top:.2rem}.interstitial__body-section--cefr{flex:1;background:#fff;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.interstitial__cefr-journey-card,.interstitial__cefr-next{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1rem 1.25rem;opacity:0;transform:translateY(16px);transition:opacity .3s ease-out,transform .3s ease-out}.interstitial__cefr-journey-card.animate,.interstitial__cefr-next.animate{opacity:1;transform:translateY(0)}.interstitial__cefr-journey-header,.interstitial__cefr-next-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:#64748b;margin-bottom:.75rem}.interstitial__cefr-arc{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 0 1.5rem}.interstitial__cefr-arc-track{position:absolute;height:3px;left:20px;right:20px;background:#f1f5f9;z-index:0;top:40px}.interstitial__cefr-arc-fill{height:100%;width:0;background:linear-gradient(90deg,#ea4a71,#e25a41);transition:width .6s ease-out}.interstitial__cefr-arc-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:0;transition:opacity .25s ease-out;transition-delay:calc(var(--i) * 80ms)}.interstitial__cefr-arc-node.visible{opacity:1}.interstitial__cefr-node-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.interstitial__cefr-node-circle--completed{width:32px;height:32px;margin-top:4px;background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;font-size:.8rem}@keyframes cefrLevelPulse{0%,to{box-shadow:0 0 #ea4a7166}50%{box-shadow:0 0 0 8px #ea4a7100}}.interstitial__cefr-node-circle--current{width:40px;height:40px;background:#fff;border:3px solid #EA4A71;color:#ea4a71;font-weight:800;font-size:.85rem;animation:cefrLevelPulse 2s ease-in-out infinite}.interstitial__cefr-node-circle--locked{width:28px;height:28px;margin-top:6px;background:#f8fafc;border:2px solid #e2e8f0;color:#94a3b8;font-size:.65rem;font-weight:600}.interstitial__cefr-node-label{font-size:.6rem;font-weight:600;color:#94a3b8}.interstitial__cefr-node-label--active{color:#ea4a71}.interstitial__cefr-node-sublabel{font-size:.55rem;color:#94a3b8}.interstitial__cefr-you-here{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:600;color:#ea4a71;white-space:nowrap}.interstitial__cefr-node-sublabel--active{color:#ea4a71}.interstitial__cefr-next-row{display:flex;align-items:flex-start;gap:.75rem}.interstitial__cefr-next-pill{background:linear-gradient(135deg,#ea4a71,#e25a41);color:#fff;font-size:.7rem;font-weight:800;padding:.2rem .6rem;border-radius:6px;flex-shrink:0;letter-spacing:.5px;margin-top:.15rem}.interstitial__cefr-next-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.interstitial__cefr-next-module{font-size:.925rem;font-weight:600;color:#1e293b}.interstitial__cefr-next-module-desc{font-size:.8rem;color:#64748b}.interstitial--module-intro .interstitial__hero-section{background:linear-gradient(135deg,#ea4a71,#e25a41)}.interstitial__module-number{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;margin-bottom:.6rem}.interstitial__concept-preview-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-top:-2rem;position:relative;z-index:1}.interstitial__concept-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0}.interstitial__card-header-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:#64748b}.interstitial__card-count{font-size:.8rem;color:#94a3b8;font-weight:500}.interstitial__concept-preview-list{padding:.75rem 1.25rem 1rem}.interstitial__concept-preview-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.interstitial__concept-preview-row:last-child{border-bottom:none}.interstitial__concept-preview-bullet{width:8px;height:8px;border-radius:50%;background:#ea4a71;flex-shrink:0}.interstitial__concept-preview-name{font-size:.875rem;color:#1e293b;font-weight:500}.interstitial__concept-preview-row.stagger{opacity:0;transform:translateY(6px);animation:rowFadeIn .25s ease-out forwards;animation-delay:calc(var(--row-index) * 60ms)}.interstitial__burst-particle{position:absolute;top:50%;left:50%;width:var(--burst-size, 5px);height:var(--burst-size, 5px);border-radius:50%;background:#ffffffd9;pointer-events:none;z-index:-1;margin-top:calc(var(--burst-size, 5px) / -2);margin-left:calc(var(--burst-size, 5px) / -2);animation:burstOut .7s ease-out var(--burst-delay, 0ms) both}@keyframes burstOut{0%{opacity:.9;transform:rotate(var(--burst-angle, 0deg)) translateY(-20px) scale(1)}30%{opacity:.7}to{opacity:0;transform:rotate(var(--burst-angle, 0deg)) translateY(calc(var(--burst-dist, 80px) * -1)) scale(.3)}}@media (prefers-reduced-motion: reduce){.interstitial__hero-emoji.animate,.interstitial__title.animate,.interstitial__subtitle.animate,.interstitial__module-name.animate,.interstitial__module-tagline.animate,.interstitial__streak-card.animate,.interstitial__motivation.animate,.interstitial__actions.animate,.interstitial__topic-pills.animate,.interstitial__up-next.animate,.interstitial__progress.animate,.interstitial__progress-card.animate,.interstitial__streak-flame.animate,.interstitial__checklist-card.animate,.interstitial__checklist-row.stagger,.interstitial__cumulative-card.animate,.interstitial__cumulative-star.animate{animation:none;opacity:1}.interstitial__stats-card{transition:none;opacity:1;transform:none}.interstitial__progress-fill{transition-duration:.01ms}.interstitial__particle,.interstitial__particle--float{animation:none;opacity:0}.interstitial__cefr-badge{animation:none;animation-play-state:running;opacity:1}.interstitial__cefr-level-from,.interstitial__cefr-level-arrow,.interstitial__cefr-level-to{opacity:1;transform:none;transition:none}.interstitial__cefr-arc-node{opacity:1;transition:none}.interstitial__checklist-row{opacity:1;transform:none;transition:none}.interstitial__cefr-node-circle--current{animation:none}.interstitial__cefr-arc-fill{transition-duration:.01ms}.interstitial__cefr-journey-card,.interstitial__cefr-next{opacity:1;transform:none;transition:none}.new-concept__pulse-ring,.new-concept__pulse-twinkle,.new-concept__pulse-orb,.milestone__light-ray,.milestone__shimmer-dot,.checkpoint__spark,.checkpoint__glow,.interstitial__burst-particle{display:none!important}.interstitial__module-number.animate{animation:none;opacity:1}.interstitial--module-intro .interstitial__concept-preview-row.stagger,.interstitial__concept-preview-card.animate,.new-concept__content-row.stagger{animation:none;opacity:1;transform:none}}.screen--hidden{display:none}:root{--color-pink: #EA4A71;--color-coral: #E25A41;--color-dark: #1e293b;--color-muted: #64748b;--color-light-bg: #f8fafc;--color-neutral-light: #f1f5f9;--color-neutral-border: #e2e8f0;--color-white: #ffffff;--gradient-brand: linear-gradient(135deg, var(--color-pink), var(--color-coral));--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.25rem;--text-2xl: 2rem;--text-lg: 1rem;--text-base: .9rem;--text-sm: .875rem;--text-xs: .85rem;--text-example-es: .95rem;--text-example-en: .825rem;--text-label: .65rem;--text-table-title: .75rem;--text-alpha-letter: 1rem;--text-alpha-name: .55rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.45;--leading-relaxed: 1.55;--tracking-wide: 1px;--tracking-normal: .5px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--border-outline: 1.5px solid var(--color-neutral-border);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 2px 8px rgba(0, 0, 0, .08);--transition-fast: .15s;--transition-normal: .2s;--anim-bounce-duration: .48s;--anim-slide-duration: .42s;--anim-stagger-base: .2s;--anim-stagger-step: .16s}.interstitial--new-concept .interstitial__hero-section{background:var(--gradient-brand);position:relative;overflow:hidden}.new-concept__particle-origin{position:absolute;top:92px;left:50%;width:0;height:0;z-index:2;pointer-events:none}.new-concept__pulse-ring{position:absolute;top:0;left:0;border-radius:50%;pointer-events:none;will-change:transform,opacity;width:var(--ring-size);height:var(--ring-size);margin-left:calc(var(--ring-size) / -2);margin-top:calc(var(--ring-size) / -2);background:radial-gradient(circle,rgba(255,255,255,calc(var(--p-opacity) * .6)),rgba(255,255,255,calc(var(--p-opacity) * .25)),#fff0);animation:ncPulseRing var(--p-dur) ease-out var(--p-delay) infinite backwards}@keyframes ncPulseRing{0%{opacity:0;transform:scale(.15)}10%{opacity:1}to{opacity:0;transform:scale(1)}}.new-concept__pulse-twinkle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity;width:var(--p-size);height:var(--p-size);margin-left:calc(var(--p-size) / -2);margin-top:calc(var(--p-size) / -2);background:#fff;left:var(--t-x, 0);top:var(--t-y, 0);animation:ncPulseTwinkle var(--p-dur) ease-in-out var(--p-delay) infinite backwards}@keyframes ncPulseTwinkle{0%{opacity:0;transform:scale(.3)}15%{opacity:var(--p-opacity);transform:scale(1)}30%{opacity:calc(var(--p-opacity) * .2);transform:scale(.6)}50%{opacity:var(--p-opacity);transform:scale(1.1)}70%{opacity:calc(var(--p-opacity) * .3);transform:scale(.7)}85%{opacity:var(--p-opacity);transform:scale(.9)}to{opacity:0;transform:scale(.3)}}.new-concept__pulse-orb{position:absolute;top:0;left:0;border-radius:50%;pointer-events:none;will-change:transform,opacity;width:var(--p-size);height:var(--p-size);margin-left:calc(var(--p-size) / -2);margin-top:calc(var(--p-size) / -2);background:radial-gradient(circle,rgba(255,255,255,var(--p-opacity)) 0%,transparent 70%);animation:ncPulseOrb var(--p-dur) ease-out var(--p-delay) infinite backwards}@keyframes ncPulseOrb{0%{opacity:0;transform:rotate(var(--p-angle)) translateY(calc(var(--p-start) * -1)) scale(.4)}12%{opacity:1}70%{opacity:.5}to{opacity:0;transform:rotate(var(--p-angle)) translateY(calc(var(--p-end) * -1)) scale(1.2)}}.interstitial--milestone .interstitial__hero-section{position:relative;overflow:hidden}.milestone__ray-origin{position:absolute;top:92px;left:50%;width:0;height:0;pointer-events:none}.milestone__light-ray{position:absolute;top:0;left:0;width:var(--r-width);height:var(--r-length);margin-left:calc(var(--r-width) / -2);border-radius:3px;background:linear-gradient(to bottom,#fff0,rgba(255,255,255,var(--r-opacity)) 25%,rgba(255,255,255,var(--r-opacity)) 75%,#fff0);transform-origin:50% 0;opacity:0;pointer-events:none;will-change:transform,opacity;animation:milestoneRaySweep var(--r-dur) linear var(--r-delay) infinite}@keyframes milestoneRaySweep{0%{opacity:0;transform:rotate(var(--r-start)) translateY(var(--r-offset))}3%{opacity:1}94%{opacity:1}to{opacity:0;transform:rotate(var(--r-end)) translateY(var(--r-offset))}}.milestone__shimmer-dot{position:absolute;width:var(--sh-size);height:var(--sh-size);border-radius:50%;background:#fff;opacity:0;pointer-events:none;animation:milestoneShimmer var(--sh-dur) ease-in-out var(--sh-delay) infinite}@keyframes milestoneShimmer{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--sh-peak);transform:scale(1.2)}}.interstitial--checkpoint .interstitial__hero-section{position:relative;overflow:hidden}.checkpoint__spark-origin{position:absolute;top:92px;left:50%;width:0;height:0;pointer-events:none}.checkpoint__spark{position:absolute;top:0;left:0;width:var(--s-len);height:var(--s-width);background:#fff;border-radius:2px;opacity:0;pointer-events:none;will-change:transform,opacity;animation:checkpointSparkOut var(--s-dur) ease-out var(--s-delay) forwards}@keyframes checkpointSparkOut{0%{opacity:0;transform:rotate(var(--s-angle)) translate(var(--s-start)) scaleX(.3)}15%{opacity:1;transform:rotate(var(--s-angle)) translate(calc(var(--s-start) + var(--s-travel) * .4)) scaleX(1)}60%{opacity:.7}to{opacity:0;transform:rotate(var(--s-angle)) translate(calc(var(--s-start) + var(--s-travel))) scaleX(.4)}}.checkpoint__glow{position:absolute;width:var(--g-size);height:var(--g-size);border-radius:50%;background:#fff;opacity:0;pointer-events:none;will-change:opacity;animation:checkpointGlowPulse var(--g-dur) ease-in-out var(--g-delay) forwards}@keyframes checkpointGlowPulse{0%{opacity:0;transform:scale(.5)}20%{opacity:var(--g-peak);transform:scale(1)}60%{opacity:calc(var(--g-peak) * .5);transform:scale(.8)}80%{opacity:var(--g-peak);transform:scale(1.1)}to{opacity:0;transform:scale(.5)}}.interstitial--new-concept .interstitial__body-section{padding:0 var(--space-md) max(var(--space-lg),calc(env(safe-area-inset-bottom) + 1rem));text-align:left;background:var(--color-light-bg)}.new-concept__card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem;margin-top:-2rem;position:relative;z-index:1}.new-concept__flat{padding:1.5rem;margin-top:var(--space-md)}.new-concept__flat+.new-concept__flat{margin-top:0}.new-concept__content-row+.new-concept__content-row.new-concept__card{margin-top:var(--space-md)}.new-concept__label{font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-pink);margin-bottom:var(--space-xs)}.new-concept__subheader{font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-pink);margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.new-concept__card-subtitle{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-normal);margin-bottom:var(--space-md)}.new-concept__table-row{display:flex;padding:var(--space-sm) 0}.new-concept__table-left{flex:1;font-size:var(--text-xs);color:var(--color-muted);text-align:left}.new-concept__table-right{flex:1;font-size:var(--text-base);color:var(--color-dark);font-weight:var(--weight-semibold);text-align:left}.new-concept__arrow-row{display:flex;align-items:center;padding:var(--space-sm) 0;gap:var(--space-xs)}.new-concept__arrow-left{flex:1;text-align:left;font-size:var(--text-xs);color:var(--color-muted)}.new-concept__arrow-symbol{color:var(--color-pink);font-weight:var(--weight-bold)}.new-concept__arrow-right{flex:1;text-align:left;font-size:var(--text-base);color:var(--color-dark);font-weight:var(--weight-semibold)}.new-concept__pattern{margin-top:var(--space-xs)}.new-concept__pattern:not(:first-child):has(.new-concept__pattern-title){margin-top:var(--space-xl)}.new-concept__pattern--two-column{display:grid;grid-template-columns:1fr 1fr}.new-concept__pattern--two-column>.new-concept__pattern-title,.new-concept__pattern--two-column>.new-concept__pattern-subtitle{grid-column:1 / -1}.new-concept__pattern-title{font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-pink);margin-bottom:var(--space-xs)}.new-concept__pattern-subtitle{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}.new-concept__example+.new-concept__example{margin-top:var(--space-md)}.new-concept__example-es{font-size:var(--text-example-es);font-weight:var(--weight-semibold);color:var(--color-dark);line-height:var(--leading-normal)}.new-concept__example-en{font-size:var(--text-example-en);color:var(--color-muted);font-style:italic;margin-top:var(--space-2xs)}.new-concept__number-grid{display:grid;grid-template-columns:1fr 1fr}.new-concept__number-cell{display:flex;gap:var(--space-xs);padding:var(--space-sm) 0}.new-concept__number-digit{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-pink);min-width:1.5rem}.new-concept__alpha-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.new-concept__alpha-cell{text-align:center;padding:.45rem .15rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.new-concept__alpha-cell:hover{background:var(--color-neutral-light)}.new-concept__alpha-cell--highlight{background:linear-gradient(135deg,#ea4a7114,#e25a4114)}.new-concept__alpha-letter{font-size:var(--text-alpha-letter);font-weight:var(--weight-bold);color:var(--color-dark);display:block}.new-concept__alpha-name{font-size:var(--text-alpha-name);color:var(--color-muted);display:block}.new-concept__comparison{margin-top:var(--space-xs)}.new-concept__comparison:not(:first-child){margin-top:var(--space-xl)}.new-concept__comparison-table{width:100%;border-collapse:collapse}.new-concept__comparison-table th{font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-pink);text-align:left;padding:var(--space-sm) var(--space-xs)}.new-concept__comparison-table td{padding:var(--space-sm) var(--space-xs);font-size:var(--text-base)}.new-concept__comparison-table th:first-child,.new-concept__comparison-table td:first-child{padding-left:0}.new-concept__comparison-correct{color:#16a34a;font-weight:var(--weight-semibold)}.new-concept__comparison-incorrect{color:var(--color-muted);text-decoration:line-through}.interstitial--new-concept .interstitial__actions{margin-top:var(--space-md);gap:var(--space-sm)}.new-concept__content-row{opacity:0;transform:translateY(20px)}.new-concept__content-row.stagger{animation:slideUpFade var(--anim-slide-duration) ease-out calc(var(--anim-stagger-base) + var(--row-index, 0) * var(--anim-stagger-step)) both}.new-concept__flat-text{font-size:var(--text-sm);color:var(--color-dark);line-height:var(--leading-relaxed)}.new-concept__formula{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-sm) 0}.new-concept__formula-part{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-pink)}.new-concept__formula-part--operator{color:var(--color-muted);font-weight:var(--weight-regular)}.new-concept__formula-part--result{color:var(--color-dark);font-weight:var(--weight-bold)}
