@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5f841e19a104a2f1-s.p.1two88yljb5sr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/6d62c74c8e468ef4-s.0eam1vlzr7y9e.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:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9d978ba009f47915-s.p.1x4h7xumh6h0q.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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.1uklb5el4zgvl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.05i4gb4p0piv4.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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.2g-0we2o5_ngd.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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.1zvg0ggiaivzo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.25pbmqxk8u2s7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.0n_ln9vqskgts.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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.10uaeld2xxvpt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.2bbpeapf-lbjw.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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.13y-iz2lazqtb.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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.1ubek13yfcpkr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.0t1_atrj_pkiu.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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.0unco9n87mni8.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:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/72a16e137f4c90fd-s.p.1ic6f_9s2cxg8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ac83d56547af7957-s.1wwsedl781gk9.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:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/00ea0ef410d3b1a3-s.p.375z7oghv30ug.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:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_f27afa9c-module__1bOUIq__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_f27afa9c-module__1bOUIq__variable{--font-be-vietnam-pro:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--primary:#10b981;--primary-hover:#059669;--secondary:#0ea5e9;--accent:#f59e0b;--accent-hover:#d97706;--bg-gradient:#eef6f2;--surface:#fff;--surface-solid:#fff;--text:#1e293b;--text-light:#475569;--border:#10b98126;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow:0 4px 15px #0000000a;--radius:16px;--font:var(--font-be-vietnam-pro), "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}a{text-decoration:none}html{background-color:#eef6f2}body{color:var(--text);font-family:var(--font);background: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(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);z-index:100;background:#ffffffd9;border-bottom:1.5px solid #fff9;justify-content:space-between;align-items:center;padding:12px 40px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #10b9810d,0 1px #10b9810f}.nav-logo{color:var(--primary-hover);align-items:center;gap:10px;font-size:24px;font-weight:900;transition:transform .25s;display:flex}.nav-logo:hover{transform:scale(1.02)}.nav-links{background:#f1f5f9;border:1px solid #00000008;border-radius:14px;gap:6px;padding:5px;display:flex}.nav-link{color:#475569;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#059669;background:#fff9}.nav-link.active{color:#059669;background:#fff;font-weight:800;box-shadow:0 4px 10px #0000000a}.nav-stats{align-items:center;gap:16px;display:flex}.diamond-badge{color:#0369a1!important;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)!important;border:1.5px solid #bae6fd!important;border-radius:20px!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-weight:800!important;transition:all .25s!important;display:flex!important;box-shadow:0 4px 12px #0ea5e90f!important}.diamond-badge:hover{border-color:#93c5fd!important;transform:translateY(-1.5px)scale(1.03)!important;box-shadow:0 6px 18px #0ea5e91f!important}.nav-profile-btn{transition:all .25s!important}.nav-profile-btn:hover{transform:translateY(-1px);border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}.logo-leaf-icon{animation:3s ease-in-out infinite alternate leafFloat}@keyframes leafFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(8deg)}}.container{max-width:1200px;margin:40px auto;padding:0 20px}.home-container{max-width:100%!important;margin:0!important;padding:0!important}.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:30px 8px;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)}@media (max-width:768px){.new-lesson-card .image-hover-overlay{opacity:.95!important;-webkit-backdrop-filter:blur(1.5px)!important;backdrop-filter:blur(1.5px)!important;pointer-events:auto!important;background:#0f172a73!important}}