@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#0891b2;--primary-glow:#0891b24d;--secondary:#db2777;--secondary-glow:#db27774d;--bg-bright:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--glass:#ffffffbf;--glass-border:#ffffff80;--glass-hover:#ffffffd9;--ai-glow:0 0 20px #0891b233;--bg-dark:transparent}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:url(/assets/eduai_kids_bg-De4sjT-2.jpg) 50%/cover no-repeat fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1;background:#ffffff73;position:fixed;inset:0}.hero-glass{-webkit-backdrop-filter:blur(15px);background:#fff3;border:1px solid #ffffff4d;border-radius:40px;padding:60px 40px;box-shadow:0 40px 100px -20px #0891b226}.text-shadow-premium{text-shadow:0 10px 30px #00000026}.neon-btn{position:relative;overflow:hidden;box-shadow:0 0 20px #0891b266}.neon-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:200%;height:200%;animation:4s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{left:-150%}to{left:150%}}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #0000001a}.glass-card:hover{background:var(--glass-hover);border-color:var(--primary);transform:translateY(-8px);box-shadow:0 15px 50px #0891b226}.gradient-text{-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px #00000026);background:linear-gradient(135deg,#0284c7 0%,#be185d 100%);-webkit-background-clip:text;background-clip:text;font-weight:800}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #06b6d4 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 25px var(--primary-glow);transform:scale(1.05)}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 2px 10px #0000000d}.btn-secondary:hover{border-color:var(--primary);background:#f1f5f9}@keyframes aiPulse{0%{box-shadow:0 0 10px var(--primary-glow)}50%{box-shadow:0 0 25px var(--primary-glow)}to{box-shadow:0 0 10px var(--primary-glow)}}.ai-glow-pulse{animation:3s ease-in-out infinite aiPulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:4s ease-in-out infinite float}@keyframes bounceX{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes bounceX-reverse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes struggle{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}to{transform:translate(0)}}.struggle{animation:.3s ease-in-out infinite struggle}@media (width<=768px){html,body{overflow-x:hidden}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}.mobile-col{flex-direction:column!important}.mobile-col-reverse{flex-direction:column-reverse!important}.mobile-wrap{flex-wrap:wrap!important}.mobile-100{width:100%!important;max-width:100%!important}.mobile-padding{padding-left:15px!important;padding-right:15px!important}.mobile-gap-sm{gap:10px!important}.mobile-hidden{display:none!important}.mobile-text-center{text-align:center!important}.hero-glass{border-radius:20px!important;padding:30px 20px!important}.glass-card{width:100%!important;padding:25px!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;display:block;overflow-x:auto}.modal-content-mobile{width:95%!important;max-height:90vh!important;margin:10px auto!important;padding:20px!important;overflow-y:auto!important}.portal-layout{flex-direction:column!important}.portal-sidebar{border-bottom:1px solid var(--glass-border);white-space:nowrap!important;border-right:none!important;flex-direction:row!important;width:100%!important;height:auto!important;padding:15px!important;display:flex!important;position:relative!important;overflow-x:auto!important}.portal-sidebar>div{flex-shrink:0;margin-bottom:0!important}.portal-content{width:100%!important;padding:15px!important}.mobile-grid-1{grid-template-columns:1fr!important;height:auto!important}.mobile-hide-overflow{overflow-x:hidden!important}.hero-grid-mobile{text-align:center;grid-template-columns:1fr!important;gap:30px!important}.hero-grid-mobile>div{align-items:center!important}.badges-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-grid-1{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;display:grid!important}.mobile-grid-1>div{text-align:center!important;border-radius:16px!important;align-items:center!important;gap:6px!important;padding:12px 6px!important}.mobile-grid-1>div>div:first-of-type{font-size:.8rem!important}.mobile-grid-1>div>p{display:none!important}.mobile-grid-1>div>div:nth-of-type(2){margin:5px 0!important;font-size:2.2rem!important}.mobile-grid-1>div>button{border-radius:10px!important;width:100%!important;margin:0!important;padding:6px 2px!important;font-size:.68rem!important}.student-subject-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.student-subject-grid>div{text-align:center!important;aspect-ratio:auto!important;border-radius:18px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:195px!important;padding:12px 10px!important;display:flex!important}.student-subject-grid>div>div:first-of-type{font-size:1.1rem!important}.student-subject-grid>div>p{display:none!important}.student-subject-grid>div>.subject-card-logo{object-fit:contain!important;width:3cm!important;height:3cm!important;margin:4px 0!important}.student-subject-grid>div>button{border-radius:12px!important;width:100%!important;margin:0!important;padding:8px 4px!important;font-size:.75rem!important}.student-subject-grid>div:nth-child(3){grid-column:1!important;justify-self:stretch!important;width:100%!important}.student-math-grade-grid,.student-vietnamese-grade-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding-bottom:20px!important}.math-grade-card,.grade-card-item{border-radius:16px!important;flex:80px!important;gap:8px!important;padding:12px 6px!important}.math-grade-card>div:first-of-type,.grade-card-icon{-webkit-text-fill-color:initial!important;background:0 0!important;margin:0 0 2px!important;font-size:2.2rem!important}.math-grade-card h2,.grade-card-item h2{margin:0!important;font-size:.95rem!important}.math-grade-card p,.grade-card-item p{display:none!important}.math-grade-card button,.grade-card-item button{border-radius:10px!important;width:100%!important;margin-top:2px!important;padding:6px 2px!important;font-size:.68rem!important}.student-math-topics-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.student-math-topic-card{text-align:center!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:12px 6px!important;display:flex!important}.student-math-topic-card>div:first-of-type{margin:0!important;font-size:2.2rem!important}.student-math-topic-card h3{margin:0!important;font-size:.8rem!important;font-weight:600!important;line-height:1.2!important}.student-math-topic-card p{margin:2px 0 0!important;font-size:.68rem!important}.student-math-lessons-modal{border-radius:20px!important;width:calc(100vw - 20px)!important;max-height:90vh!important;padding:25px 15px!important}.student-math-lessons-modal>button:first-of-type{font-size:1.5rem!important;top:15px!important;right:15px!important}.student-math-lessons-modal>div:first-of-type{margin-bottom:10px!important;font-size:2.5rem!important}.student-math-lessons-modal h2{margin-bottom:15px!important;font-size:1.2rem!important}.student-math-lessons-list{gap:8px!important}.student-math-lesson-item{border-radius:12px!important;padding:10px 12px!important;font-size:.8rem!important}.student-math-lesson-item span{font-size:.8rem!important}}@media (width<=480px){.badges-grid{grid-template-columns:1fr!important}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 10px 40px #db277799}50%{transform:scale(1.05);box-shadow:0 15px 50px #db2777cc,0 0 25px #0891b299}}.welcome-exit{opacity:0!important;pointer-events:none!important;transform:translateY(-100vh)!important}.experience-btn{cursor:pointer!important;z-index:10!important;border-radius:22px!important;padding:16px 45px!important;font-size:1.25rem!important;font-weight:700!important;transition:all .3s!important;position:absolute!important;bottom:40px!important;right:50px!important}@media (width<=768px){.experience-btn{padding:12px 35px!important;font-size:1.1rem!important;bottom:30px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.slogan-text{white-space:nowrap}@media (width<=992px){.slogan-text{white-space:normal!important}}.student-activities-grid{grid-template-columns:1fr 1fr!important;gap:15px!important;width:100%!important;display:grid!important}.student-activity-card{box-sizing:border-box!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 18px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important}.student-activity-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000000d!important}.student-activity-content{flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.student-activity-text{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:center!important;min-width:0!important;display:flex!important}.student-activity-title{margin:0!important;font-size:.9rem!important;font-weight:700!important;line-height:1.3!important}.student-activity-desc{opacity:.95!important;margin:0!important;font-size:.75rem!important;font-weight:400!important;line-height:1.3!important}.student-activity-btn{cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:10px!important;flex-shrink:0!important;width:auto!important;padding:8px 16px!important;font-size:.8rem!important;font-weight:700!important;transition:all .2s!important}.student-activity-btn:hover{filter:brightness(1.1)!important;transform:scale(1.03)!important}@media (width<=768px){.student-activities-grid{grid-template-columns:1fr!important;gap:12px!important}.student-activity-card{gap:8px!important;padding:10px 12px!important}.student-activity-content{gap:8px!important}.student-activity-text{text-align:center!important}.student-activity-title{font-size:.82rem!important}.student-activity-desc{font-size:.7rem!important}.student-activity-btn{border-radius:8px!important;width:auto!important;padding:6px 12px!important;font-size:.75rem!important}}.student-header-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff73;border:1.5px solid #ffffff4d;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:16px 25px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 32px #0000000d}.map-header-left,.map-header-right{align-items:center;gap:15px;display:flex}@media (width<=768px){.student-header-box{border-radius:16px;flex-direction:column;align-items:stretch;margin-bottom:15px;gap:15px!important;padding:15px!important}.map-header-left{justify-content:space-between;align-items:center;width:100%;display:flex!important}.map-header-right{border-top:1px dashed #1e3a8a26;justify-content:space-between;align-items:center;width:100%;margin-top:5px;padding-top:12px;display:flex!important}.bot-header-layout{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:15px!important}.bot-header-layout>div{flex-direction:column;align-items:center;display:flex}}.map-header-container{justify-content:space-between!important;align-items:center!important;gap:20px!important;display:flex!important}.map-header-btn-box{flex:1!important;justify-content:flex-start!important;display:flex!important}.map-header-title-box{text-align:center!important;flex:2!important;justify-content:center!important;display:flex!important}.map-header-stats-box{flex:1!important;justify-content:flex-end!important;align-items:center!important;gap:15px!important;display:flex!important}@media (width<=768px){.map-header-container{grid-template-columns:1fr 1fr!important;grid-template-areas:"title title""btn stats"!important;gap:12px!important;padding:15px!important;display:grid!important}.map-header-title-box{grid-area:title!important;justify-content:center!important;width:100%!important}.map-header-title-box h2{justify-content:center!important;font-size:1.25rem!important}.map-header-btn-box{grid-area:btn!important;justify-content:flex-start!important}.map-header-stats-box{grid-area:stats!important;justify-content:flex-end!important}.grade-select-card{border-radius:16px!important;gap:8px!important;padding:15px 12px!important}.grade-select-icon{margin-bottom:2px!important;font-size:2.2rem!important}.grade-select-card h4{font-size:1.05rem!important}.grade-select-desc{font-size:.76rem!important;font-weight:500!important;line-height:1.35!important}.grade-select-card span{margin-top:3px!important;padding:1px 6px!important;font-size:.68rem!important}.math-grade-card{gap:10px!important;padding:18px 15px!important}.math-grade-card-icon{margin-bottom:2px!important;font-size:2.5rem!important}.math-grade-card h2{font-size:1.3rem!important}.math-grade-card-desc{font-size:.82rem!important;line-height:1.4!important}.math-grade-card button{margin-top:5px!important;padding:8px 15px!important;font-size:.85rem!important}}