html:has(.alfabet-cards-page){background:var(--page-bg,#e4f3ff);width:100%;min-height:100%;margin:0}html:has(.alfabet-cards-page) body{background:var(--page-bg,#e4f3ff);width:100%;min-height:100%;margin:0}.alfabet-cards-page{--blue:#205eb5;--lesson-accent:#205eb5;--blue-muted:#bbb;--page-bg:#e4f3ff;--abc-pad:10px 12px;--abc-gap:6px;--abc-btn:44px;--abc-radius:16px;--card-radius:43.4px;--card-shadow:0 15.5px 23.25px -4.65px #0000001a, 0 6.2px 9.3px -6.2px #0000001a;--guide-size:120px;--card-design-ratio:1.4912;--illus-w-ratio:.2454;--illus-h-ratio:.3855;--illus-max-w-ratio:.65;--illus-landscape-aspect:2.5118;--avion-w-ratio:.55;--avion-mobile-w-ratio:.55;--word-card-pad-top:.0502;--word-card-pad-x:.0565;--word-card-pad-bottom:.076;--word-card-gap:.0775;--illus-top-pct:17%;--illus-bottom-pct:46.94%;--word-foot-bottom-pct:9.5%;--word-audio-left-ratio:.1367;--word-audio-w-ratio:.1036;--word-audio-guide-gap-ratio:.07;--stage-gap-ratio:.0608;--audio-bottom-ratio:.1787;background:var(--page-bg);min-height:100vh;color:var(--blue);margin:0;padding-bottom:72px;font-family:Nunito,system-ui,sans-serif}.alfabet-cards-page *{box-sizing:border-box}.alfabet-next{z-index:40;background:var(--lesson-accent,#205eb5);cursor:pointer;text-align:center;letter-spacing:-.484375px;color:#fff;border:none;border-radius:24.8px;flex-direction:row;align-items:center;gap:12px;min-height:80px;padding:21px 37px;font-family:Inter,system-ui,sans-serif;font-size:24.8px;font-style:normal;font-weight:700;line-height:37px;transition:opacity .2s,filter .2s;display:inline-flex;position:fixed;bottom:84px;right:37.2px;box-shadow:0 6.2px 9.3px -1.55px #0000001a,0 3.1px 6.2px -3.1px #0000001a}.alfabet-next:hover{filter:brightness(1.06)}.alfabet-next:active{filter:brightness(.92)}.alfabet-next__chevron{color:#fff;flex:none;width:34.1px;height:34.1px}.alfabet-lesson{padding:100px 24px 32px;display:none}.alfabet-lesson--active{display:block}.alfabet-stage{--card-w:min(658px, calc(50vw - 52px));--card-h:calc(var(--card-w) / var(--card-design-ratio));justify-content:center;align-items:flex-start;gap:calc(var(--card-w) * var(--stage-gap-ratio));flex-direction:row;max-width:1356px;min-height:0;margin:0 auto;display:flex}@media (max-width:900px){.alfabet-stage{--card-w:min(calc(100vw - 46px), 328.51px);--card-h:calc(var(--card-w) / var(--card-design-ratio));--illus-w-ratio:.58;--illus-h-ratio:.55;--illus-mobile-max-h-ratio:.55;--word-card-pad-top:.0565;--word-card-pad-x:.0565;--word-card-pad-bottom:.0565;--word-card-gap:.117;--stage-gap-ratio:.1217;--audio-bottom-ratio:.1743;flex-direction:column}}.lesson-card{width:var(--card-w);aspect-ratio:658/441;max-width:100%;height:auto;min-height:0;padding:calc(var(--card-w) * .0565);border-radius:var(--card-radius);box-shadow:var(--card-shadow);isolation:isolate;box-sizing:border-box;position:relative}.lesson-card--letters{background:#fff;flex-direction:row;justify-content:center;align-items:center;display:flex}.lesson-letters-center{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}.lesson-card--word{cursor:pointer;box-sizing:border-box;background:#fffc;padding:0;display:block;position:relative;overflow:visible}.lesson-visual-center{top:var(--illus-top-pct);height:calc(100% - var(--illus-top-pct) - var(--illus-bottom-pct));pointer-events:none;z-index:0;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex;position:absolute;left:0;right:0;overflow:visible}.lesson-visual-center .lesson-illustration{pointer-events:auto}.lesson-word-foot{left:0;right:0;bottom:var(--word-foot-bottom-pct);z-index:1;width:100%;padding-left:calc(var(--card-w) * (var(--word-audio-left-ratio) + var(--word-audio-w-ratio) + var(--word-audio-guide-gap-ratio)));padding-right:calc(var(--card-w) * var(--word-card-pad-x));box-sizing:border-box;flex-direction:row;justify-content:center;align-items:flex-end;min-height:0;margin:0;display:flex;position:absolute}.lesson-card--word .lesson-audio--word{cursor:pointer}.lesson-letters-row{justify-content:center;align-items:flex-end;gap:calc(var(--card-w) * .0349);flex-flow:row;display:flex}.lesson-upper,.lesson-lower{font-family:Nunito,sans-serif;font-weight:900;font-size:calc(var(--card-w) * .4406);height:calc(var(--card-w) * .3312);letter-spacing:-.02em;color:var(--lesson-accent,var(--blue));justify-content:center;align-items:center;line-height:1.4;display:flex}.lesson-illustration{box-sizing:border-box;width:calc(var(--card-w) * var(--illus-w-ratio));height:calc(var(--card-h) * var(--illus-h-ratio));z-index:0;flex:0 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;display:block}.lesson-illustration--bg{background-position:50%;background-repeat:no-repeat;background-size:contain}.lesson-illustration.lesson-illustration--avion{width:min(calc(var(--card-w) * var(--avion-w-ratio)), 100%);height:min(calc(var(--card-w) * var(--avion-w-ratio) / var(--illus-landscape-aspect)), 100%);flex-shrink:0;min-width:0;max-width:100%;max-height:100%}.lesson-illustration--emoji{font-size:calc(var(--card-h) * var(--illus-h-ratio) * .85);justify-content:center;align-items:center;line-height:1;display:flex}.lesson-illustration--placeholder{width:calc(var(--card-w) * var(--illus-w-ratio));height:calc(var(--card-h) * var(--illus-h-ratio));background:color-mix(in srgb, var(--lesson-accent,#205eb5) 8%, transparent);border-radius:16px;max-width:100%;max-height:100%}.lesson-word-block{justify-content:flex-end;align-items:center;gap:calc(var(--card-w) * .01824);width:100%;max-width:100%;min-height:calc(var(--card-w) * .1139);z-index:1;flex-direction:column;flex:none;order:1;margin-top:0;padding:0;display:flex}.lesson-word{font-family:Nunito,sans-serif;font-weight:800;font-size:calc(var(--card-w) * .1139);line-height:calc(var(--card-w) * .0944);letter-spacing:calc(var(--card-w) * .00299);color:#000;text-align:center;text-transform:lowercase;white-space:nowrap;flex:none;order:0;max-width:100%;margin:0;padding:0}.lesson-word-block--long .lesson-word{font-size:calc(var(--card-w) * .09);line-height:calc(var(--card-w) * .075);letter-spacing:calc(var(--card-w) * .0015)}.lesson-word__first{color:var(--lesson-accent,var(--blue));font-weight:900}.lesson-word__rest{color:#000;font-weight:800}.lesson-word--empty{opacity:.45;letter-spacing:0;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700}.lesson-word-line{border:none;border-bottom:calc(var(--card-w) * .00706) dashed color-mix(in srgb, var(--lesson-accent,#205eb5) 19%, transparent);flex:none;order:1;width:100%;height:0;margin:0;padding:0}.lesson-audio-cluster{left:calc(var(--card-w) * .0304);bottom:calc(var(--card-h) * var(--audio-bottom-ratio));width:calc(var(--card-w) * .1036);height:calc(var(--card-w) * .1036);z-index:2;position:absolute;top:auto;overflow:visible}.lesson-audio-cluster--word{left:calc(var(--card-w) * .1367)}.lesson-audio{cursor:pointer;z-index:2;width:100%;height:100%;color:var(--lesson-accent,var(--blue));background:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #0000001f,0 2px 4px #0000000f}.lesson-audio:hover{filter:brightness(1.02);box-shadow:0 6px 10px -4px #0000001f}.lesson-audio__svg{width:65%;min-width:20px;height:65%;min-height:20px;display:block}.lesson-guide{z-index:3;width:calc(var(--card-w) * .1036 * 2.4);height:calc(var(--card-w) * .1036 * 2.4);pointer-events:auto;cursor:pointer;color:var(--lesson-accent,var(--blue));margin:0;padding:0;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-guide__svg{width:100%;height:100%;animation:1.6s ease-in-out infinite lesson-guide-pulse;display:block}.alfabet-lesson--active[data-step="1"] .lesson-guide--letters,.alfabet-lesson--active[data-step="2"] .lesson-guide--word,.alfabet-lesson--active[data-step="3"] .lesson-guide--word{display:block}.alfabet-lesson--guide-letters-done .lesson-guide--letters,.alfabet-lesson--guide-word-done .lesson-guide--word{display:none!important}@keyframes lesson-guide-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.abc-menu{padding:var(--abc-pad);align-items:center;gap:var(--abc-gap);-webkit-backdrop-filter:blur(8px);scrollbar-width:thin;z-index:50;background:#fff9;flex-flow:row;width:100%;min-height:64px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -4px 24px #0000000a}.abc-menu::-webkit-scrollbar{height:6px}.abc-menu::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.abc-menu__btn[hidden]{display:none!important}.abc-menu__btn{width:var(--abc-btn);height:var(--abc-btn);min-width:var(--abc-btn);border-radius:var(--abc-radius);cursor:pointer;letter-spacing:-.118066px;color:var(--blue-muted);background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;padding:0;font-family:Nunito,sans-serif;font-size:20.15px;font-weight:700;line-height:30px;transition:background .15s,color .15s,transform .1s;display:flex}.abc-menu__btn:hover:not(.abc-menu__btn--active){background:color-mix(in srgb, var(--lesson-accent,#205eb5) 8%, transparent);color:#888}.abc-menu__btn--active{background:var(--lesson-accent,var(--blue));color:#fff}.abc-menu__btn:active{transform:scale(.96)}@media (max-width:900px){.alfabet-cards-page{--abc-pad:17.8285px;--abc-gap:8px;--abc-btn:47.54px;--abc-btn-active-w:34px;--abc-btn-active-h:32px;--abc-radius:20.7999px;--abc-radius-active:14px;--card-radius:21.668px;--card-shadow:0 7.73857px 11.6079px -2.32157px #0000001a, 0 3.09543px 4.64314px -3.09543px #0000001a;--footer-abc-h:calc(17.8285px * 2 + 47.54px);--footer-next-h:52px;padding-bottom:calc(var(--footer-abc-h) + var(--footer-next-h) + 12px)}.alfabet-lesson{padding:0}.alfabet-lesson--active{min-height:0;display:block}.alfabet-cards-page--mobile-flow .alfabet-stage{justify-content:flex-start;align-items:center;width:min(100vw - 46px,328.51px);margin:0 auto;padding:0}.alfabet-cards-page--mobile-flow.alfabet-cards-page--step-1 .alfabet-stage{gap:0;padding-top:min(212px,29.44vh)}.alfabet-cards-page--mobile-flow.alfabet-cards-page--step-2 .alfabet-stage,.alfabet-cards-page--mobile-flow.alfabet-cards-page--step-3 .alfabet-stage{gap:calc(var(--card-w) * var(--stage-gap-ratio));padding-top:min(10vh,72px)}.alfabet-cards-page--mobile-flow .alfabet-lesson--active[data-step="2"] .lesson-card--letters,.alfabet-cards-page--mobile-flow .alfabet-lesson--active[data-step="3"] .lesson-card--letters,.alfabet-cards-page--mobile-flow .alfabet-lesson--active[data-step="2"] .lesson-card--word,.alfabet-cards-page--mobile-flow .alfabet-lesson--active[data-step="3"] .lesson-card--word{display:flex!important}.lesson-card--word{padding:calc(var(--card-w) * .0565);justify-content:center;align-items:center;gap:calc(var(--card-w) * .117);flex-direction:column;display:flex}.lesson-visual-center{flex:none;height:auto;margin-bottom:0;padding-top:0;position:static;inset:auto}.lesson-illustration.lesson-illustration--bg,.lesson-illustration.lesson-illustration--avion{width:min(calc(var(--card-w) * var(--illus-w-ratio)), 100%);height:min(calc(var(--card-h) * var(--illus-h-ratio)), calc(var(--card-h) * var(--illus-mobile-max-h-ratio,.52)));max-height:calc(var(--card-h) * var(--illus-mobile-max-h-ratio,.52));flex-shrink:0}.lesson-word-foot{padding-left:calc(var(--card-w) * .0565);padding-right:calc(var(--card-w) * .0565);box-sizing:border-box;flex:none;justify-content:center;min-height:0;position:static;bottom:auto}.lesson-word-block{width:auto;max-width:calc(100% - var(--card-w) * .2);min-height:calc(var(--card-w) * .114);gap:calc(var(--card-w) * .01822);align-self:center}.lesson-word{font-size:calc(var(--card-w) * .114);line-height:calc(var(--card-w) * .0944)}.lesson-word-line{border-bottom-width:calc(var(--card-w) * .00707)}.lesson-letters-row{gap:calc(var(--card-w) * .0349)}.lesson-upper,.lesson-lower{font-size:calc(var(--card-w) * .4407);height:calc(var(--card-w) * .3312)}.lesson-card{height:var(--card-h);min-height:var(--card-h);max-height:var(--card-h);flex:none;margin:0 auto;overflow:visible}.lesson-card--letters{flex-direction:row;justify-content:center;align-items:center;display:flex}.lesson-card--word{justify-content:space-between}.lesson-card--word .lesson-visual-center{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.lesson-card--word .lesson-illustration.lesson-illustration--bg,.lesson-card--word .lesson-illustration.lesson-illustration--avion{max-height:min(calc(var(--card-h) * var(--illus-mobile-max-h-ratio,.55)), calc(var(--card-h) - var(--card-w) * .38))}.lesson-letters-center{flex:1;width:100%}.lesson-audio-cluster--letters,.lesson-audio-cluster--word{left:calc(var(--card-w) * .0565);bottom:calc(var(--card-w) * .0565);top:auto}.lesson-audio-cluster{width:calc(var(--card-w) * .1036);height:calc(var(--card-w) * .1036)}.lesson-audio{box-shadow:0 1.99705px 2.99558px -1.99705px #0000001a}.lesson-audio__svg{width:21.97px;min-width:21.97px;max-width:none;height:21.97px;min-height:21.97px;max-height:none}.lesson-guide{width:calc(var(--card-w) * .1036 * 2.4);height:calc(var(--card-w) * .1036 * 2.4)}.alfabet-next--desktop{display:none}.alfabet-next-bar{left:0;right:0;bottom:var(--footer-abc-h);z-index:48;background:var(--lesson-accent,#205eb5);color:#fff;letter-spacing:-.242507px;border-radius:0;justify-content:center;gap:6.01px;width:100%;height:52px;min-height:52px;margin:0;padding:10.5138px 18.5244px;font-size:12.4163px;line-height:19px;transition:opacity .2s,filter .2s;display:none;position:fixed;box-shadow:0 3.10408px 4.65613px -.776021px #0000001a,0 1.55204px 3.10408px -1.55204px #0000001a}.alfabet-cards-page--mobile-flow .alfabet-next-bar{display:inline-flex}.alfabet-next-bar .alfabet-next__chevron{color:#fff;width:17.07px;height:17.07px}.alfabet-mobile-nav{display:none!important}.abc-menu{min-height:53px;padding:var(--abc-pad);z-index:50}.abc-menu__btn{width:var(--abc-btn);height:var(--abc-btn);min-width:var(--abc-btn);letter-spacing:-.11px;font-size:16px;line-height:29px}.abc-menu__btn--active{width:var(--abc-btn-active-w);height:var(--abc-btn-active-h);min-width:var(--abc-btn-active-w);border-radius:var(--abc-radius-active);font-size:16px}}.alfabet-lesson--active[data-step="1"] .lesson-card--word{display:none}.alfabet-lesson--active[data-step="2"] .lesson-card--letters,.alfabet-lesson--active[data-step="3"] .lesson-card--letters{display:flex}.alfabet-lesson--active[data-step="2"] .lesson-card--word,.alfabet-lesson--active[data-step="3"] .lesson-card--word{display:block}@media (min-width:901px){.alfabet-next-bar,.alfabet-mobile-nav{display:none!important}.alfabet-next--desktop{display:inline-flex}.alfabet-lesson{padding:80px 24px 24px}.alfabet-stage{--card-w:min(658px, calc(50vw - 52px));--card-h:calc(var(--card-w) / var(--card-design-ratio));flex:none;align-items:flex-start;min-height:0}.lesson-card--letters,.lesson-card--word{height:var(--card-h);flex:none}.lesson-audio{box-shadow:0 4px 6px -4px #0000001a}}
.alfabet-grupuri-page{--blue:#dd8018;--page-bg:#fff7f3}.alfabet-grupuri-page .lesson-letters-row{align-items:center;gap:calc(var(--card-w) * .02);flex-direction:column}.alfabet-grupuri-page .lesson-upper,.alfabet-grupuri-page .lesson-lower{font-size:calc(var(--card-w) * .22);height:auto;line-height:1.15}.alfabet-grupuri-page .lesson-lower{font-size:calc(var(--card-w) * .18);font-weight:800}@media (max-width:900px){.alfabet-grupuri-page .lesson-upper{font-size:calc(var(--card-w) * .28);height:auto;line-height:1.1}.alfabet-grupuri-page .lesson-lower{font-size:calc(var(--card-w) * .22);height:auto;line-height:1.1}}