@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/dm-sans-latin-ext-400-normal.ff35d0b0.woff2) format("woff2"),url(/_next/static/media/dm-sans-latin-ext-400-normal.fb2e59ed.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/dm-sans-latin-400-normal.aaac7e1e.woff2) format("woff2"),url(/_next/static/media/dm-sans-latin-400-normal.bd8b363e.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--color-base-100:#f0f4ff;--color-neutral-200:#c7cfe5;--color-neutral-400:#a9b8b5;--color-neutral-600:#5d6b80;--color-primary-700:#3f4f66;--color-primary-900:#2a3c54;--primary-color:#C34E9E;--background-1:#ffffff;--background-2:#f2f2f2;--background-3:#dedede;--success:#46e5a1;--warning:#e58f46;--danger:#e5465a;--info:#4680e5}.dark{--color-base-100:#2a3c54;--color-neutral-200:#3f4f66;--color-neutral-400:#5d6b80;--color-neutral-600:#a9b8b5;--color-primary-700:#c7cfe5;--color-primary-900:#f0f4ff;--primary-color:#C34E9E;--background-1:#1e1e1e;--background-2:#2d2d2d;--background-3:#505050;--success:#46e5a1;--warning:#e58f46;--danger:#e5465a;--info:#4680e5}input{width:100%;padding:.75rem;border:1px solid var(--color-neutral-200);border-radius:8px;font-size:1rem;color:var(--color-primary-900);transition:border-color .3s,background-color .3s,color .3s}.dark input,input{background-color:var(--background-1)}.dark input{border-color:var(--color-neutral-400);color:var(--color-base-100)}input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px rgba(236,72,153,.2)}.error-message{font-size:.875rem;color:var(--danger);margin-top:.5rem}.button--primary{background-color:var(--primary-color);color:var(--background-1);padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s;width:100%}.button--primary:hover{background-color:var(--color-primary-700)}.button--secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;width:100%}.button--secondary:hover{background-color:var(--primary-color);color:var(--background-1)}.button--disabled{background-color:var(--disabled-button-background);color:var(--disabled-button-text);padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;width:100%}.checkbox{accent-color:var(--primary-color);margin-right:.5rem;width:20px}.link{color:var(--primary-color);font-weight:700;text-decoration:none;transition:color .3s}.link:hover{color:var(--color-primary-700);text-decoration:underline}.help-text{font-size:.875rem;color:var(--color-neutral-600);text-align:center}.module{font-size:1rem}.module-icon{height:1.8rem}.module-card-completed{background-color:var(--background-3);color:var(--color-primary-700)}.module-card-active{background-color:var(--primary-color);color:var(--color-base-100)}.module-card-locked{background-color:var(--background-3);color:var(--color-neutral-400)}.card-level{background-color:var(--background-2);padding:30px;border-radius:20px}.alphabet-exercise{max-width:900px;margin:0 auto;padding:2rem 1rem}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.letter-item{display:flex;align-items:center;gap:.5rem}.btn-play{width:2rem;height:2rem;border-radius:50%;border:none;font-size:1rem;background-color:var(--success);color:var(--background-1);cursor:pointer;transition:background-color .3s}.btn-play:hover{filter:brightness(1.1)}.feedback-icon{font-size:1.2rem}.feedback-icon.correct{color:var(--success)}.feedback-icon.wrong{color:var(--danger)}.exercise-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.sidebar-custom{background-color:var(--background-2);height:100vh;position:fixed}.container-form,.sidebar-custom{display:flex;flex-direction:column}.container-form{gap:1.5rem}.container-input-group{position:relative;margin-bottom:1rem}.checkbox-container{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-primary-900)}.reset-form{display:flex;flex-direction:column;gap:1rem;background-color:var(--background-1);padding:2rem;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:400px;margin:0 auto}.reset-form__input-group{position:relative}.reset-form__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.user-progress{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.welcome h1{color:var(--color-primary-900)}.welcome h2{color:var(--primary-color)}.levels{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;width:100%}@media (min-width:640px){.levels{gap:2rem}}.level__icon-container{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-1);box-shadow:0 4px 6px rgba(0,0,0,.1);border:4px solid var(--primary-color);transition:border-color .3s ease,box-shadow .3s ease}@media (min-width:640px){.level__icon-container{width:80px;height:80px}}.level__icon-container.active{border-color:var(--primary-color)}.level__icon-container.locked{border-color:var(--color-neutral-400);opacity:.5}.level__line{height:2px;flex-grow:1;background-color:var(--color-neutral-400);transition:background-color .3s ease}.level__line.active{background-color:var(--primary-color)}.level__line.locked{background-color:var(--color-neutral-400)}.level-title{font-size:24px;color:var(--color-primary-900)}.level-subtitle,.level-title{font-family:DM Sans;font-weight:900;line-height:24.74px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.level-subtitle{font-size:16px;color:var(--color-neutral-600)}.p18{font-size:18px}.p18,.p20{font-family:DM Sans}.p20{font-size:20px}.p24{font-family:DM Sans;font-size:24px}.p16{font-size:16px;line-height:20.83px;color:var(--color-primary-700)}.p14,.p16{font-family:DM Sans;font-weight:400;text-underline-position:from-font;text-decoration-skip-ink:none}.p14{font-size:14px;line-height:18.23px;color:var(--color-primary-600)}.p12{font-family:DM Sans;font-size:12px;font-weight:700;line-height:15.62px;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--color-primary-900)}.placeholder{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.p10{font-family:DM Sans;font-size:10px;font-weight:400;line-height:13.02px;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--color-primary-600)}.label{font-size:14px;font-weight:600}.button,.label{font-family:DM Sans,sans-serif;line-height:auto}.button{font-size:16px;font-weight:700}h2{font-size:18px}.h32,h2{font-family:DM Sans;font-weight:900;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--color-primary-900)}.h32{font-size:32px;line-height:41.66px}.h24{font-size:24px;line-height:auto;color:var(--color-neutral-600)}.h24,.heading-level{font-family:DM Sans,sans-serif;font-weight:900}.heading-level{font-size:20px;line-height:1.2;letter-spacing:0;color:var(--color-primary-900)}@media (min-width:640px){.heading-level{font-size:25px;line-height:23.67px}}.subtitle-level{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:0;color:var(--color-neutral-600)}@media (min-width:640px){.subtitle-level{font-size:18px;line-height:23.67px}}:root{--ds-gradient-primary:linear-gradient(135deg,#C34E9E,#7B2FBE);--ds-gradient-active:linear-gradient(135deg,#E91E63,#9C27B0);--ds-gradient-success:linear-gradient(135deg,#46e5a1,#0ea5e9);--ds-gradient-page:linear-gradient(160deg,#f5f0ff,#fff0f9);--ds-glass-bg:rgba(255,255,255,0.70);--ds-glass-border:rgba(195,78,158,0.14);--ds-blur:blur(18px);--ds-shadow-card:0 4px 20px rgba(195,78,158,0.07),0 1px 4px rgba(0,0,0,0.04);--ds-shadow-hover:0 10px 36px rgba(195,78,158,0.16),0 2px 8px rgba(0,0,0,0.06);--ds-shadow-active:0 6px 20px rgba(233,30,99,0.38);--ds-shadow-chatbot:0 16px 56px rgba(123,47,190,0.22);--ds-radius-card:18px;--ds-radius-module:12px;--ds-ease:cubic-bezier(0.4,0,0.2,1);--ds-transition:all 0.24s var(--ds-ease)}.dark{--ds-gradient-page:linear-gradient(160deg,#1a1a2e,#1e1a2e);--ds-glass-bg:rgba(35,35,45,0.80);--ds-glass-border:rgba(195,78,158,0.22);--ds-shadow-card:0 4px 24px rgba(0,0,0,0.35),0 1px 4px rgba(0,0,0,0.2);--ds-shadow-hover:0 10px 36px rgba(195,78,158,0.22)}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-pulse-glow{0%,to{box-shadow:0 0 8px rgba(195,78,158,.45)}50%{box-shadow:0 0 22px rgba(195,78,158,.85)}}@keyframes ds-shimmer{0%{background-position:-220%}to{background-position:220%}}@keyframes ds-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}body:not(.dark){background:var(--ds-gradient-page)!important;background-attachment:fixed!important}main:after,main:before{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}main:before{width:420px;height:420px;top:-140px;right:-140px;background:var(--ds-gradient-primary);opacity:.05}main:after{width:300px;height:300px;bottom:-80px;left:60px;background:var(--ds-gradient-success);opacity:.05}.sidebar-custom,aside{background:var(--ds-glass-bg)!important;backdrop-filter:var(--ds-blur);-webkit-backdrop-filter:var(--ds-blur);border-right:1px solid var(--ds-glass-border);box-shadow:4px 0 28px rgba(195,78,158,.06)}.sidebar-item--active,a[aria-current=page]{background:var(--ds-gradient-active)!important;box-shadow:0 4px 14px rgba(233,30,99,.32);color:#fff!important;border-radius:10px}.card-level{background:var(--ds-glass-bg)!important;backdrop-filter:var(--ds-blur);-webkit-backdrop-filter:var(--ds-blur);border:1px solid var(--ds-glass-border)!important;border-radius:var(--ds-radius-card)!important;box-shadow:var(--ds-shadow-card);position:relative;overflow:hidden}.card-level,.card-level:before{transition:var(--ds-transition)}.card-level:before{content:"";position:absolute;top:-50px;right:-50px;width:130px;height:130px;background:var(--ds-gradient-primary);border-radius:50%;opacity:.07;pointer-events:none}.card-level:hover{box-shadow:var(--ds-shadow-hover);transform:translateY(-3px)}.card-level:hover:before{opacity:.13;transform:scale(1.15)}.module-card-active,.module-card-completed,.module-card-locked{border-radius:var(--ds-radius-module)!important;transition:var(--ds-transition);position:relative;overflow:hidden}.module-card-active{background:var(--ds-gradient-active)!important;border-left:4px solid #e91e63!important;color:#fff!important;box-shadow:var(--ds-shadow-active)}.module-card-active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 45%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.1) 55%,transparent);background-size:220% 100%;animation:ds-shimmer 2.8s infinite}.module-card-active:hover{transform:scale(1.02);box-shadow:0 8px 28px rgba(233,30,99,.55);filter:brightness(1.06)}.module-card-completed{background:linear-gradient(135deg,rgba(70,229,161,.13),rgba(70,229,161,.05))!important;border-left:4px solid var(--success)!important;box-shadow:0 2px 10px rgba(70,229,161,.12)}.module-card-completed:hover{transform:scale(1.02);filter:brightness(1.04);box-shadow:0 4px 18px rgba(70,229,161,.22)}.module-card-locked{border-left:4px solid var(--color-neutral-400)!important;opacity:.58}.module-card-locked:hover{opacity:.7;transform:scale(1.01)}.progress-bar{border-radius:999px;background:rgba(195,78,158,.12);overflow:visible}.progress-bar__fill{background:var(--ds-gradient-primary);border-radius:999px;transition:width .7s var(--ds-ease);position:relative}.progress-bar__fill:after{content:"";position:absolute;right:-2px;top:-2px;width:14px;height:14px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px 3px rgba(195,78,158,.55)}.progress-bar__fill[style*="100%"]{animation:ds-pulse-glow 2.2s infinite;box-shadow:0 0 14px rgba(195,78,158,.65)}.progress-bar__fill[style*="100%"]:after{animation:ds-float 2s infinite}button[class*="bg-\[var\(--primary-color\)\]"]{background:var(--ds-gradient-active)!important;box-shadow:0 4px 14px rgba(233,30,99,.28)}.chatbot-panel{background:var(--ds-glass-bg)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid var(--ds-glass-border)!important;border-radius:20px!important;box-shadow:var(--ds-shadow-chatbot)!important;animation:ds-slide-up .32s var(--ds-ease) both;overflow:hidden}.chatbot-btn{background:var(--ds-gradient-primary)!important;box-shadow:0 6px 22px rgba(195,78,158,.5)!important;transition:var(--ds-transition)!important}.chatbot-btn:hover:not(:disabled){transform:scale(1.11) translateY(-3px)!important;box-shadow:0 10px 32px rgba(195,78,158,.65)!important}.fixed.inset-0>div,[class*=fixed][class*=inset-0]>div{animation:ds-slide-up .34s var(--ds-ease) both}.button--primary{background:var(--ds-gradient-active)!important;border:none;box-shadow:0 4px 18px rgba(195,78,158,.32);transition:var(--ds-transition)}.button--primary:hover{background:var(--ds-gradient-primary)!important;box-shadow:0 6px 26px rgba(195,78,158,.5);transform:translateY(-1px)}.button--secondary{border-color:#C34E9E;transition:var(--ds-transition)}.button--secondary:hover{background:var(--ds-gradient-active)!important;border-color:transparent;box-shadow:0 4px 16px rgba(195,78,158,.3);transform:translateY(-1px)}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(195,78,158,.18),0 0 18px rgba(195,78,158,.08)!important}[class*=from-white][class*=via-blue-50]{box-shadow:0 8px 32px rgba(59,130,246,.12)!important;transition:var(--ds-transition)}[class*=from-white][class*=via-blue-50]:hover{transform:translateY(-4px);box-shadow:0 18px 52px rgba(59,130,246,.2)!important}.flashcard .back,.flashcard .front{border:1px solid var(--ds-glass-border);box-shadow:var(--ds-shadow-card)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(195,78,158,.3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(195,78,158,.55)}