@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,.grade-card-item{gap:10px!important;padding:18px 15px!important}.math-grade-card-icon,.grade-card-icon{margin-bottom:2px!important;font-size:2.5rem!important}.math-grade-card h2,.grade-card-item h2{font-size:1.3rem!important}.math-grade-card-desc,.grade-card-item p{font-size:.82rem!important;line-height:1.4!important;display:block!important}.math-grade-card button,.grade-card-item button{margin-top:5px!important;padding:8px 15px!important;font-size:.85rem!important}.vietnamese-kingdom-container{border-radius:16px!important;padding:10px!important}.study-profile-banner{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;border-radius:14px!important;gap:15px!important;margin-bottom:15px!important;padding:10px 14px!important;overflow-x:auto!important}.study-profile-banner::-webkit-scrollbar{display:none!important}.study-profile-banner-title{gap:6px!important}.study-profile-banner-title>span:first-child{font-size:1.1rem!important}.study-profile-title-text{font-size:.78rem!important;display:block!important}.study-profile-banner-items{gap:14px!important}.study-profile-banner-item{gap:6px!important}.study-profile-banner-item>span{font-size:1.3rem!important}.study-profile-banner-item>div{flex-direction:column!important;gap:1px!important;display:flex!important}.study-profile-label{font-size:.62rem!important;display:block!important}.study-profile-banner-item>div>strong{font-size:.78rem!important}.mobile-grid-1>button{justify-self:start!important;width:fit-content!important;margin-right:auto!important}.mobile-robot-card{background:#fffffff2!important;border:1.5px solid #fbbf2473!important;border-radius:16px!important;flex-direction:column!important;grid-area:2/3!important;justify-content:center!important;place-self:stretch stretch!important;align-items:center!important;margin:0!important;padding:18px 10px!important;display:flex!important;box-shadow:0 8px 25px #00000008!important}.g1-header{border-radius:20px!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;padding:15px!important}.g1-header-left{grid-template-columns:1fr 1fr!important;grid-template-areas:"back reset""title title"!important;gap:12px!important;width:100%!important;display:grid!important}.g1-back-btn{text-align:center!important;border-radius:8px!important;grid-area:back!important;align-self:flex-start!important;width:auto!important;padding:6px 12px!important;font-size:.72rem!important}.g1-reset-btn{text-align:center!important;border-radius:8px!important;grid-area:reset!important;place-self:flex-start flex-end!important;width:auto!important;padding:6px 12px!important;font-size:.72rem!important}.g1-header-title-container,.g1-header-title{text-align:center!important;flex-direction:column!important;grid-area:title!important;align-self:center!important;align-items:center!important;width:100%!important;margin:5px 0!important;font-size:1.35rem!important;font-weight:900!important;display:flex!important}.g1-progress-bar-wrapper{justify-content:center!important;width:100%!important}.g1-stats-widget{border-left:none!important;grid-template-columns:1fr 1fr 1.1fr!important;grid-template-areas:"username username username""xp coins hearts""badges streak hearts"!important;gap:8px!important;width:100%!important;padding-left:0!important;display:grid!important}.g1-map-stats{grid-template-areas:"xp coins hearts""gems badges hearts""streak streak hearts"!important}.g1-user-profile{border-left:none!important;grid-area:username!important;align-items:center!important;gap:8px!important;margin-bottom:5px!important;padding-left:0!important;display:flex!important}.g1-user-name{color:#be123c!important;font-size:1.4rem!important;font-weight:900!important}.g1-stats-widget .stat-pill{background:#fff!important;border:1px solid #0000000d!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:8px 10px!important;font-size:18px!important;display:flex!important}.g1-xp-pill{grid-area:xp!important}.g1-coins-pill{grid-area:coins!important}.g1-gem-pill{grid-area:gems!important}.g1-badges-pill{grid-area:badges!important}.g1-streak-pill{grid-area:streak!important}.g1-hearts-pill{color:#ef4444!important;background:#fff!important;border:1px solid #0000000d!important;border-radius:12px!important;flex-direction:column!important;grid-area:hearts!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;height:100%!important;margin:0!important;font-size:22px!important;font-weight:900!important;display:flex!important}.g1-sidebar{grid-template-columns:1fr 1fr!important;grid-template-areas:"bot progress""btn btn"!important;gap:12px!important;width:100%!important;display:grid!important}.g1-bot-card{border-radius:18px!important;flex-direction:column!important;grid-area:bot!important;justify-content:space-between!important;align-items:center!important;padding:12px 10px!important;display:flex!important}.g1-bot-bubble{box-sizing:border-box!important;border-width:1.5px!important;border-radius:12px!important;width:100%!important;margin-bottom:5px!important;padding:6px 10px!important;font-size:.68rem!important;line-height:1.3!important}.g1-bot-bubble>div{border-bottom-width:1.5px!important;border-right-width:1.5px!important;width:10px!important;height:10px!important;bottom:-6px!important}.g1-bot-figure{transform-origin:50%!important;width:130px!important;height:180px!important;margin:-55px 0!important;transform:scale(.4)!important}.g1-bot-title{margin-top:5px!important;font-size:.8rem!important}.g1-progress-card{border-radius:18px!important;flex-direction:column!important;grid-area:progress!important;justify-content:center!important;gap:8px!important;padding:15px 12px!important;display:flex!important}.g1-progress-title{margin:0 0 4px!important;font-size:.85rem!important}.g1-progress-info{gap:4px!important;font-size:.72rem!important}.g1-progress-info>div:nth-child(2){height:5px!important}.g1-journal-btn{border-radius:14px!important;grid-area:btn!important;width:100%!important;padding:12px!important;font-size:.85rem!important}.g1-quiz-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;width:90%!important;max-width:420px!important;margin:0 auto 20px!important;display:grid!important}}