@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9fecc8f7-module__tq-h4G__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9fecc8f7-module__tq-h4G__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--primary:#10b981;--primary-hover:#059669;--secondary:#0ea5e9;--accent:#f59e0b;--accent-hover:#d97706;--bg-gradient:linear-gradient(135deg, #e0f2fe 0%, #f0fdf4 50%, #fef9c3 100%);--surface:#ffffffd9;--surface-solid:#fff;--text:#1e293b;--text-light:#475569;--border:#10b98133;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow:0 10px 25px -5px #10b9811a, 0 8px 10px -6px #10b9810d;--radius:20px;--font:"Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}body{background:var(--bg-gradient);color:var(--text);font-family:var(--font);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite alternate float-slow;position:fixed;top:-10%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite alternate float-slow-reverse;position:fixed;bottom:-10%;right:-10%}@keyframes float-slow{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}@keyframes float-slow-reverse{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,-50px)scale(1.15)}}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:1px solid #fff9;width:100%;max-width:480px;padding:40px}.auth-logo{margin-bottom:10px;font-size:48px;animation:2s ease-in-out infinite pulse-slow;display:inline-block}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.auth-title{color:var(--primary-hover);margin-bottom:8px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--text-light);margin-bottom:28px;font-size:15px}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-light);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.form-input{width:100%;color:var(--text);background:#ffffffe6;border:2px solid #0000;border-radius:14px;outline:none;padding:14px 20px;font-family:inherit;font-size:15px;transition:all .2s;box-shadow:0 4px 10px #00000005}.form-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 8px 20px #10b9811a}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #0000000d}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #059669 100%);color:#fff;box-shadow:0 8px 20px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #10b98166}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #d97706 100%);color:#fff;box-shadow:0 8px 20px #f59e0b4d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 12px 24px #f59e0b66}.btn-secondary{color:var(--text-light);border:2px solid var(--border);background:#fff}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #b91c1c 100%);color:#fff;box-shadow:0 8px 20px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ef444466}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);z-index:100;background:#fffc;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-logo{color:var(--primary-hover);align-items:center;gap:8px;font-size:24px;font-weight:900;display:flex}.nav-links{gap:20px;display:flex}.nav-link{color:var(--text-light);cursor:pointer;border-radius:12px;padding:8px 16px;font-size:16px;font-weight:700;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--primary-hover);background:#10b9811a}.nav-stats{align-items:center;gap:16px;display:flex}.diamond-badge{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:800;display:flex;box-shadow:0 4px 12px #ec48994d}.container{max-width:1200px;margin:40px auto;padding:0 20px}.grid-main{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (max-width:900px){.grid-main{grid-template-columns:1fr}}.student-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff9;padding:30px;transition:transform .3s}.student-card:hover{transform:translateY(-4px)}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:20px;display:grid}.lesson-card{border-radius:var(--radius);background:#fff;border:2px solid #0000;flex-direction:column;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.lesson-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:scale(1.02)}.lesson-card.completed{background:#f0fdf4;border-color:#34d399}.completed-ribbon{color:#fff;background:#34d399;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.video-wrapper{height:0;box-shadow:var(--shadow);border-radius:16px;margin-bottom:24px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.level-badge{text-transform:uppercase;border-radius:12px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.level-1{color:#1e40af;background:#dbeafe}.level-2{color:#92400e;background:#fef3c7}.level-3{color:#0369a1;background:#e0f2fe}.level-4{color:#6b21a8;background:#f3e8ff}.practice-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.question-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:24px;padding:30px}.answers-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.answers-grid-2col{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}@media (max-width:768px){.answers-grid-2col{grid-template-columns:1fr;gap:12px}}.answer-option{cursor:pointer;border:2px solid #e2e8f0;border-radius:14px;padding:16px 24px;font-weight:600;transition:all .2s}.answer-option:hover{border-color:var(--secondary);background:#f8fafc}.answer-option.selected{border-color:var(--secondary);background:#0ea5e91a}.matching-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.matching-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-weight:600}.matching-select{border:2px solid var(--border);border-radius:12px;outline:none;flex:1;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.memory-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.memory-card{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:12px;justify-content:center;align-items:center;height:120px;padding:10px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 10px #0284c74d}.memory-card.revealed{color:var(--text);border:3px solid var(--secondary);box-shadow:var(--shadow);background:#fff}.memory-card.matched{color:#0369a1;opacity:.8;cursor:default;background:#e0f2fe;border:3px solid #38bdf8}.gift-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:36px 6px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 10px 30px -10px #00000005,0 1px 3px #00000003}.gift-card:hover{border-color:#cbd5e1cc;transform:translateY(-8px);box-shadow:0 20px 40px -15px #0f172a14}.gift-card-image-container{background:#f8fafc;border-radius:24px 4px;width:100%;height:150px;margin-bottom:18px;overflow:hidden}.gift-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gift-card:hover img{transform:scale(1.05)}.gift-info{flex-direction:column;flex-grow:1;padding:0;display:flex}.mood-selector{gap:15px;margin-bottom:20px;display:flex}.mood-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;font-size:20px;transition:all .2s;display:flex}.mood-btn span{font-size:12px;font-weight:700}.mood-btn.active{border-color:var(--primary);background:#10b98114}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172a66;justify-content:center;align-items:center;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.custom-modal-container{text-align:center;opacity:0;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:90%;max-width:440px;padding:36px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp;transform:scale(.9);box-shadow:0 25px 50px -12px #00000026,0 8px 24px -8px #0000000d}.custom-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:28px;display:inline-flex}.custom-modal-icon.confirm{color:#7c3aed;background:#f5f3ff;box-shadow:0 8px 20px -4px #7c3aed26}.custom-modal-icon.alert{color:#10b981;background:#ecfdf5;box-shadow:0 8px 20px -4px #10b98126}.custom-modal-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:12px;font-size:20px;font-weight:800}.custom-modal-message{color:#475569;margin-bottom:28px;font-size:15px;font-weight:500;line-height:1.6}.custom-modal-actions{justify-content:center;gap:12px;display:flex}.custom-modal-btn{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:11px 26px;font-size:14.5px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.custom-modal-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 8px 20px -4px #6366f166}.custom-modal-btn.primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 24px -4px #6366f180}.custom-modal-btn.secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.custom-modal-btn.secondary:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-2px)scale(1.03)}.custom-modal-btn:active{transform:translateY(0)scale(1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.new-lesson-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:40px 12px;flex-direction:column;padding:24px 24px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 10px 30px -10px #00000005,0 1px 3px #00000003}.new-lesson-card:hover{border-color:#cbd5e1cc;transform:translateY(-8px);box-shadow:0 20px 40px -15px #0f172a14}.new-lesson-card.completed{border-color:#10b981}.new-lesson-card .card-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.new-lesson-card .topic-badge-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.new-lesson-card .question-count-badge{color:#64748b;border:1px solid #e2e8f0;border-radius:9999px;padding:4px 12px;font-size:11.5px;font-weight:600}.new-lesson-card .new-card-title{color:#166534;font-size:22px;font-weight:800;font-family:var(--font);margin-bottom:8px}.new-lesson-card .new-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:43px;margin-bottom:16px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.new-lesson-card .new-card-image-container{background:#f8fafc;border-radius:12px;width:100%;height:150px;margin-bottom:18px;position:relative;overflow:hidden}.new-lesson-card .image-hover-overlay{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);opacity:0;pointer-events:none;z-index:10;background:#0f172aa6;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.new-lesson-card:hover .image-hover-overlay{opacity:1;pointer-events:auto}.new-lesson-card .overlay-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 20px;font-size:13.5px;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(12px);box-shadow:0 4px 12px #00000026}.new-lesson-card:hover .overlay-btn{transform:translateY(0)}.new-lesson-card .overlay-btn:hover{color:#fff;background:#10b981;transform:scale(1.05);box-shadow:0 6px 16px #10b98166}.new-lesson-card .new-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.new-lesson-card:hover .new-card-image{transform:scale(1.05)}.new-lesson-card .subtopics-list{flex-direction:column;flex-grow:1;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.new-lesson-card .subtopics-list li{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.new-lesson-card .bullet-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.new-lesson-card .card-footer-action{color:#0f172a;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:800;transition:all .2s;display:flex}.new-lesson-card:hover .card-footer-action{color:var(--primary-hover)}.new-lesson-card .action-arrow{transition:transform .2s;display:inline-block}.new-lesson-card:hover .action-arrow{transform:translate(4px)}