:root{--primary-gold:#c7a568;--primary-pink:#d4a5c0;--primary-blue:#6ba3be;--primary-purple:#8b7fa8;--primary-green:#88c9a1;--deep-navy:#1a2332;--muted-indigo:#4a5568;--soft-violet:#b4a5d6;--subtle-teal:#7eb8b0;--bg-space:linear-gradient(135deg, #1a2332, #2d3748, #1a2332);color:#ffffffe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--deep-navy), var(--muted-indigo), var(--deep-navy));color:#f0f4f8;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}p{margin-bottom:1rem;line-height:1.6}a{color:var(--primary-blue);text-decoration:none;transition:all .3s}a:hover{color:var(--primary-gold)}button{cursor:pointer;background:linear-gradient(135deg, var(--soft-violet), var(--subtle-teal));color:#fff;border:3px solid #ffffff4d;border-radius:20px;min-width:140px;min-height:60px;padding:18px 36px;font-family:inherit;font-size:20px;font-weight:600;transition:all .6s}button:hover:not(:disabled){border-color:var(--primary-gold);transform:translateY(-3px);box-shadow:0 8px 25px #6ba3be80}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:3px solid var(--primary-gold);outline-offset:2px}input,textarea,select{color:#fff;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;width:100%;padding:12px 20px;font-family:inherit;font-size:16px;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:var(--primary-blue);background:#ffffff26;outline:none;box-shadow:0 0 15px #00d4ff4d}input::placeholder,textarea::placeholder{color:#ffffff80}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--primary-purple), var(--primary-blue));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--primary-gold), var(--primary-pink))}:focus-visible{outline:3px solid var(--primary-gold);outline-offset:3px}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.5rem}li{margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 50px #ffd700cc}}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (width<=768px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}button{padding:10px 20px;font-size:14px}input,textarea,select{padding:10px 15px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navigation{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a2332fa 0%,#2d3561fa 100%);border-bottom:2px solid #4fd1c5;padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 12px #0003}.nav-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{align-items:center;gap:1rem;text-decoration:none;transition:transform .3s;display:flex}.nav-logo:hover{transform:translateY(-2px)}.logo-img{filter:drop-shadow(0 2px 8px #4fd1c566);width:50px;height:50px}.nav-title{color:#4fd1c5;letter-spacing:1px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li{margin:0}.nav-link{color:#e8eef3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.nav-link:hover{color:#4fd1c5;background:#4fd1c526;border-color:#4fd1c5;transform:translateY(-2px)}.nav-link.active{color:#4fd1c5;background:#4fd1c533;border-color:#4fd1c5}@media (width<=768px){.nav-container{flex-direction:column;gap:1rem;padding:0 1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-link{padding:.5rem 1rem;font-size:.9rem}.nav-title{font-size:1.2rem}.logo-img{width:40px;height:40px}}.landing-page{background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 50%,#1a1f3a 100%);min-height:calc(100vh - 80px);padding:2rem 1rem}.landing-container{max-width:1400px;margin:0 auto;padding:0 2rem}.landing-header{text-align:center;margin-bottom:3rem;padding:3rem 0}.logo-section{margin-bottom:2rem}.main-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #63b3ed4d);width:120px;height:120px}.portal-title{color:#fff;text-transform:uppercase;letter-spacing:2px;margin:1.5rem 0 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3.5rem;font-weight:700}.portal-subtitle{color:#a8c5da;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.portal-description{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;max-width:800px;margin:0 auto;padding:1.5rem 2rem}.portal-description p{color:#cbd5e1;margin:0;font-size:1.1rem;line-height:1.8}.navigation-section{margin:4rem 0}.section-title{color:#fff;text-align:center;letter-spacing:1px;margin-bottom:3rem;font-size:2rem;font-weight:600}.nav-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.nav-card{text-align:center;background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem 2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-card:before{content:"";background:linear-gradient(90deg,#63b3ed,#4fd1c5);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.nav-card:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#63b3ed66;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.nav-card:hover:before{transform:scaleX(1)}.card-icon-wrapper{margin-bottom:1.5rem}.card-icon{object-fit:contain;filter:drop-shadow(0 4px 8px #63b3ed33);width:80px;height:80px}.card-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.card-description{color:#a8c5da;margin-bottom:1rem;font-size:1rem;line-height:1.6}.card-arrow{color:#63b3ed;margin-top:auto;font-size:1.5rem}.features-section{background:#ffffff05;border-radius:20px;margin:5rem 0;padding:3rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;padding:0 2rem;display:grid}.feature-item{background:#ffffff0a;border-left:4px solid #4fd1c5;border-radius:12px;padding:2rem;transition:all .3s}.feature-item:hover{background:#ffffff14;transform:translate(10px)}.feature-number{color:#63b3ed;margin-bottom:1rem;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.feature-item h3{color:#fff;margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.feature-item p{color:#a8c5da;font-size:1rem;line-height:1.6}.landing-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:4rem;padding:3rem 0}.footer-text{color:#a8c5da;font-size:1rem;line-height:1.8}@media (width<=768px){.portal-title{font-size:2.5rem}.portal-subtitle{font-size:1.2rem}.main-logo{width:90px;height:90px}.nav-cards-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:1.8rem}.landing-container{padding:0 1rem}}@media (width<=480px){.portal-title{font-size:2rem}.card-title{font-size:1.3rem}.landing-page{padding:1rem .5rem}}.learn-page{background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 100%);min-height:calc(100vh - 80px);padding:2rem 1rem}.learn-container{max-width:1400px;margin:0 auto}.name-prompt-container{justify-content:center;align-items:center;min-height:70vh;display:flex}.name-prompt-card{text-align:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:20px;width:100%;max-width:500px;padding:3rem 2.5rem}.welcome-image{object-fit:contain;width:100px;height:100px;margin-bottom:1.5rem}.name-prompt-card h2{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:600}.name-prompt-card p{color:#a8c5da;margin-bottom:2rem;font-size:1.1rem}.name-input{color:#fff;background:#ffffff0d;border:2px solid #fff3;border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s}.name-input:focus{background:#ffffff1a;border-color:#4fd1c5;outline:none}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4fd1c5,#63b3ed);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4fd1c54d}.learn-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:3rem;padding:2rem}.header-content{align-items:center;gap:2rem;display:flex}.header-icon{object-fit:contain;width:80px;height:80px}.header-text h1{color:#fff;margin-bottom:.5rem;font-size:2.2rem;font-weight:600}.welcome-text{color:#4fd1c5;margin-bottom:.5rem;font-size:1.2rem}.progress-text{color:#a8c5da;font-size:1rem}.progress-text strong{color:#63b3ed;font-size:1.2rem}.category-section{margin-bottom:3rem}.category-filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.category-btn{color:#a8c5da;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:.8rem 1.8rem;font-size:1rem;font-weight:500;transition:all .3s}.category-btn:hover{background:#ffffff1a;border-color:#63b3ed4d}.category-btn.active{color:#fff;background:linear-gradient(135deg,#4fd1c5,#63b3ed);border-color:#0000;font-weight:600}.symbols-section{margin-bottom:4rem}.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.symbol-card{background:#ffffff0f;border:2px solid #ffffff1a;border-radius:16px;padding:1.8rem;transition:all .3s;position:relative}.symbol-card.learned{background:#4fd1c514;border-color:#4fd1c566}.symbol-card:hover{border-color:#63b3ed66;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.symbol-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;display:flex}.symbol-icon{background:#4fd1c526;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;font-size:3.5rem;display:flex}.learned-badge{color:#fff;background:#4fd1c5;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.symbol-content{margin-bottom:1.5rem}.symbol-name{color:#fff;margin-bottom:.8rem;font-size:1.5rem;font-weight:600}.symbol-description{color:#a8c5da;margin-bottom:1rem;font-size:1rem;line-height:1.6}.symbol-example-box{color:#cbd5e1;background:#ffffff0d;border-left:4px solid #63b3ed;border-radius:8px;margin-bottom:1rem;padding:1rem}.symbol-example-box strong{color:#63b3ed;margin-bottom:.5rem;display:block}.example-text{color:#fff;font-family:Courier New,monospace;font-size:1.1rem}.symbol-visual{text-align:center;background:#ffffff08;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:2rem}.symbol-actions{gap:1rem;display:flex}.btn-speak,.btn-learned{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-speak{color:#63b3ed;background:#63b3ed33;border:2px solid #63b3ed4d}.btn-speak:hover:not(:disabled){background:#63b3ed4d;transform:translateY(-2px)}.btn-speak:disabled{opacity:.5;cursor:not-allowed}.btn-learned{color:#4fd1c5;background:#4fd1c533;border:2px solid #4fd1c54d}.btn-learned:hover:not(:disabled){background:#4fd1c54d;transform:translateY(-2px)}.btn-learned.learned{color:#fff;cursor:default;background:#4fd1c5}.btn-learned:disabled{opacity:1}.encouragement-section{text-align:center;background:#4fd1c51a;border:2px solid #4fd1c533;border-radius:16px;padding:3rem 2rem}.encouragement-icon{width:80px;height:80px;margin-bottom:1rem}.encouragement-text{color:#4fd1c5;font-size:1.5rem;font-weight:600}.success-indicator{color:#fff;z-index:1000;background:linear-gradient(135deg,#4fd1c5,#63b3ed);border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;animation:.3s slideIn;position:fixed;top:100px;right:20px;box-shadow:0 8px 25px #4fd1c566}.success-indicator.fade-out{animation:.3s fadeOut}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (width<=768px){.header-content{text-align:center;flex-direction:column}.header-text h1{font-size:1.8rem}.symbols-grid{grid-template-columns:1fr;gap:1.5rem}.category-filters{flex-direction:column}.category-btn{width:100%}.success-indicator{left:20px;right:20px}}@media (width<=480px){.symbol-icon{width:60px;height:60px;font-size:2.5rem}.symbol-name{font-size:1.3rem}.symbol-actions{flex-direction:column}}.activities-page{color:#e8eef3;background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.activities-header{text-align:center;margin-bottom:3rem}.page-description{color:#a8c5da;font-size:1.2rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem;display:grid}.activity-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.activity-card:hover{border-color:#4fd1c5;transform:translateY(-5px);box-shadow:0 8px 20px #4fd1c533}.activity-image-container{background:#4fd1c51a;justify-content:center;align-items:center;width:100%;height:200px;padding:1rem;display:flex}.activity-image{object-fit:contain;max-width:100%;max-height:100%}.activity-content{padding:1.5rem}.activity-title{color:#4fd1c5;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.activity-description{color:#a8c5da;margin-bottom:1rem;line-height:1.6}.activity-meta{margin-bottom:1rem}.difficulty-badge{color:#4fd1c5;background:#4fd1c533;border:1px solid #4fd1c5;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.start-activity-btn{color:#1a1f3a;cursor:pointer;background:#4fd1c5;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .3s}.start-activity-btn:hover{background:#63b3ed;transform:translateY(-2px);box-shadow:0 4px 12px #4fd1c54d}.encouragement-section{text-align:center;max-width:600px;margin:3rem auto}.encouragement-image{object-fit:contain;width:150px;height:150px;margin-bottom:1rem}.encouragement-text{color:#a8c5da;font-size:1.1rem;line-height:1.6}.game-active{padding:1rem}.game-header{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.game-title{color:#4fd1c5;font-size:1.8rem}.game-score{color:#e8eef3;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.score-icon{width:30px;height:30px}.back-btn{color:#e8eef3;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;transition:all .3s}.back-btn:hover{background:#ffffff26;border-color:#4fd1c5}.quiz-container{max-width:800px;margin:0 auto}.question-section{text-align:center;margin-bottom:2rem}.question-text{color:#a8c5da;margin-bottom:1rem;font-size:1.5rem}.symbol-display{color:#4fd1c5;margin:1rem 0;font-size:4rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.option-btn{color:#e8eef3;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1.5rem;font-size:1.1rem;transition:all .3s}.option-btn:hover:not(:disabled){background:#4fd1c51a;border-color:#4fd1c5;transform:translateY(-2px)}.option-btn.selected{background:#4fd1c533;border-color:#4fd1c5}.option-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-message{text-align:center;border-radius:8px;padding:1rem;font-size:1.1rem;font-weight:500}.feedback-message.correct{color:#68d391;background:#48bb7833;border:1px solid #68d391}.feedback-message.incorrect{color:#fc8181;background:#f5656533;border:1px solid #fc8181}.memory-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:600px;margin:0 auto;display:grid}.memory-card{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.memory-card:hover{border-color:#4fd1c5;transform:translateY(-5px)}.memory-card.flipped{background:#4fd1c533;border-color:#4fd1c5}.card-front,.card-back{font-size:2rem;font-weight:700}.card-front{color:#a8c5da}.card-symbol{color:#4fd1c5;font-size:2.5rem}.match-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}.match-column{flex-direction:column;gap:1rem;display:flex}.match-column h3{text-align:center;color:#4fd1c5;font-size:1.3rem}.match-item{color:#e8eef3;cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:1rem;transition:all .3s}.match-item:hover:not(:disabled){background:#4fd1c51a;border-color:#4fd1c5;transform:translate(5px)}.match-item.selected{background:#4fd1c533;border-color:#4fd1c5}.match-item.matched{cursor:not-allowed;background:#48bb7833;border-color:#68d391}.match-symbol{font-size:2rem}@media (width<=768px){.activities-grid,.options-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.match-container{grid-template-columns:1fr}.game-header{flex-direction:column;gap:1rem}}.progress-page{color:#e8eef3;background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.progress-header{text-align:center;margin-bottom:3rem}.spinner-container{margin-bottom:1rem}.spinner-image{width:80px;height:80px;animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-section{max-width:1200px;margin:0 auto 3rem}.card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:2rem}.main-progress-card h2{color:#4fd1c5;text-align:center;margin-bottom:2rem;font-size:1.8rem}.progress-stats{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.circular-progress{width:200px;height:200px;margin:0 auto;position:relative}.progress-ring{width:100%;height:100%}.progress-circle{transition:stroke-dashoffset 1s}.progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percentage{color:#4fd1c5;font-size:2.5rem;font-weight:700;display:block}.progress-label{color:#a8c5da;font-size:1rem;display:block}.progress-details{text-align:center}.progress-icon{object-fit:contain;width:100px;height:100px;margin-bottom:1rem}.progress-description{color:#e8eef3;margin-bottom:.5rem;font-size:1.2rem}.progress-status{color:#4fd1c5;font-size:1rem;font-weight:600}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:transform .3s,border-color .3s}.stat-card:hover{border-color:#4fd1c5;transform:translateY(-5px)}.stat-icon{object-fit:contain;width:60px;height:60px;margin:0 auto 1rem;display:block}.stat-value{color:#4fd1c5;margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:#a8c5da;font-size:1rem}.category-section,.achievements-section{max-width:1200px;margin:0 auto 3rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.category-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:transform .3s,border-color .3s}.category-card:hover{border-color:#4fd1c5;transform:translateY(-5px)}.category-name{color:#4fd1c5;margin-bottom:1rem;font-size:1.3rem}.category-progress-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:.5rem;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#4fd1c5 0%,#63b3ed 100%);height:100%;transition:width 1s}.category-stats{color:#a8c5da;font-size:.95rem}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.achievement-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.achievement-card.unlocked{background:#4fd1c51a;border-color:#4fd1c5}.achievement-card.locked{opacity:.5;filter:grayscale(.7)}.achievement-card:hover{transform:translateY(-5px)}.achievement-icon-container{width:80px;height:80px;margin:0 auto 1rem}.achievement-icon{object-fit:contain;width:100%;height:100%}.achievement-name{color:#4fd1c5;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.achievement-description{color:#a8c5da;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.achievement-status{border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.achievement-card.unlocked .achievement-status{color:#68d391;background:#48bb7833;border:1px solid #68d391}.achievement-card.locked .achievement-status{color:#a8c5da;background:#ffffff0d;border:1px solid #ffffff1a}.activity-summary{max-width:800px;margin:0 auto}.activity-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.activity-card p{color:#a8c5da;margin-bottom:.5rem;line-height:1.6}@media (width<=768px){.progress-stats,.stats-grid,.category-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:2rem}.section-title{font-size:1.5rem}}.about-page{color:#e8eef3;background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-header{text-align:center;margin-bottom:3rem}.about-section{max-width:1200px;margin:0 auto 3rem}.card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s}.card:hover{border-color:#4fd1c5;transform:translateY(-3px)}.mission-card{text-align:center}.mission-card h2{color:#4fd1c5;margin-bottom:1.5rem;font-size:2rem}.mission-text{color:#e8eef3;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.section-title{text-align:center;color:#4fd1c5;margin-bottom:2rem;font-size:2rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.feature-card:hover{border-color:#4fd1c5;transform:translateY(-5px);box-shadow:0 8px 20px #4fd1c533}.feature-card h3{color:#4fd1c5;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.feature-card p{color:#a8c5da;line-height:1.6}.benefits-section{max-width:1200px;margin:0 auto 3rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.benefit-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:all .3s}.benefit-card:hover{border-color:#4fd1c5;transform:translateY(-3px)}.benefit-card h3{color:#4fd1c5;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.benefit-card ul{padding:0;list-style:none}.benefit-card li{color:#e8eef3;padding:.75rem 0 .75rem 1.5rem;line-height:1.6;position:relative}.benefit-card li:before{content:"→";color:#4fd1c5;font-weight:700;position:absolute;left:0}.contact-section{max-width:800px;margin:0 auto}.contact-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.contact-card h2{color:#4fd1c5;margin-bottom:1rem;font-size:2rem}.contact-card p{color:#a8c5da;margin-bottom:1.5rem;line-height:1.8}.contact-card a{color:#4fd1c5;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}.contact-card a:hover{border-bottom-color:#4fd1c5}@media (width<=768px){.page-title{font-size:2rem}.features-grid,.benefits-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}}.team-page{color:#e8eef3;background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.team-header{text-align:center;margin-bottom:3rem}.page-title{color:#4fd1c5;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:#a8c5da;font-size:1.2rem}.team-section{max-width:1200px;margin:0 auto 3rem}.team-member-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s}.team-member-card:hover{border-color:#4fd1c5;transform:translateY(-3px)}.main-card{margin-bottom:2rem}.member-avatar{text-align:center;margin-bottom:1.5rem;font-size:5rem}.member-info h2{color:#4fd1c5;text-align:center;margin-bottom:.5rem;font-size:2rem}.member-role{color:#a8c5da;text-align:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:500}.member-details{margin:1.5rem 0}.detail-item{color:#e8eef3;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-icon{color:#4fd1c5;font-size:1.2rem}.member-bio{text-align:center;color:#a8c5da;margin:1.5rem 0;font-size:1.05rem;line-height:1.8}.member-skills{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.skill-tag{color:#4fd1c5;background:#4fd1c526;border:1px solid #4fd1c5;border-radius:20px;padding:.5rem 1rem;font-size:.95rem;font-weight:500}.member-contact{justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.contact-link{color:#e8eef3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link:hover{color:#4fd1c5;background:#4fd1c526;border-color:#4fd1c5;transform:translateY(-2px)}.special-thanks-section{max-width:1200px;margin:3rem auto}.section-title{color:#4fd1c5;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.thanks-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.thanks-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.thanks-card:hover{border-color:#4fd1c5;transform:translateY(-5px);box-shadow:0 8px 20px #4fd1c533}.thanks-card h3{color:#4fd1c5;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.thanks-card p{color:#a8c5da;font-size:.95rem;line-height:1.6}.project-info{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;max-width:800px;margin:3rem auto;padding:2rem}.project-info h3{color:#4fd1c5;margin-bottom:1rem;font-size:1.5rem}.project-info p{color:#a8c5da;margin-bottom:1rem;line-height:1.8}@media (width<=768px){.page-title{font-size:2rem}.member-contact{flex-direction:column}.thanks-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}}.rocket-game-page{background:linear-gradient(135deg, var(--deep-navy), var(--muted-indigo), var(--deep-navy));color:#f0f4f8;min-height:100vh;padding:120px 2rem 2rem}.game-header{text-align:center;max-width:1200px;margin:0 auto 2rem}.back-button{border:2px solid var(--subtle-teal);color:var(--subtle-teal);background:#7eb8b033;border-radius:30px;margin-bottom:1rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .6s;display:inline-block}.back-button:hover{background:var(--subtle-teal);color:#fff;transform:translate(-5px)}.game-title{background:linear-gradient(45deg, var(--subtle-teal), var(--primary-gold), var(--soft-violet));-webkit-text-fill-color:transparent;text-shadow:0 0 20px #c7a5684d;-webkit-background-clip:text;background-clip:text;margin:1rem 0;font-family:Fredoka One,cursive;font-size:3rem}.title-icon{font-size:3.5rem;animation:2s ease-in-out infinite bounce;display:inline-block}.score-board{justify-content:center;gap:3rem;margin-top:1.5rem;display:flex}.score-item{border:3px solid var(--subtle-teal);background:#6ba3be33;border-radius:20px;flex-direction:column;align-items:center;padding:1rem 2rem;display:flex}.score-label{color:var(--subtle-teal);font-size:1.1rem;font-weight:700}.score-value{color:var(--primary-gold);font-family:Fredoka One,cursive;font-size:2.5rem;font-weight:700}.game-instructions{border:3px solid var(--soft-violet);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b7fa84d,#6ba3be4d);border-radius:30px;max-width:700px;margin:3rem auto;padding:3rem}.game-instructions h2{color:var(--primary-gold);margin-bottom:2rem;font-family:Fredoka One,cursive;font-size:2.5rem}.instructions-content{text-align:left;margin:2rem 0}.instructions-content p{color:#e8eef3;margin:1rem 0;font-size:1.3rem}.instructions-content ul{padding-left:0;list-style:none}.instructions-content li{color:#e8eef3;background:#ffffff1a;border-radius:10px;margin:.5rem 0;padding:.8rem;font-size:1.2rem}.start-button{background:linear-gradient(135deg, var(--primary-gold), var(--soft-violet));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1.5rem 3rem;font-family:Fredoka One,cursive;font-size:1.8rem;font-weight:700;transition:all .6s;box-shadow:0 10px 30px #c7a56866}.start-button:hover{transform:scale(1.1)translateY(-5px);box-shadow:0 15px 40px #c7a56899}.game-container{border:3px solid var(--subtle-teal);cursor:none;background:linear-gradient(90deg,#0a0f19e6,#1a2332cc,#0a0f19e6);border-radius:20px;max-width:1200px;height:600px;margin:2rem auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #6ba3be4d,inset 0 0 100px #b4a5d61a}.game-container:before{content:"";opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 83%,#fff,#0000);background-size:200% 100%;width:200%;height:100%;animation:20s linear infinite starsMove;position:absolute}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.rocket{filter:drop-shadow(0 0 20px #ffd70099);z-index:10;font-size:4rem;transition:top .3s;animation:2s ease-in-out infinite rocketBob;position:absolute;left:10%;transform:translateY(-50%)}@keyframes rocketBob{0%,to{transform:translateY(-50%)rotate(-5deg)}50%{transform:translateY(-50%)rotate(5deg)}}.obstacle{filter:drop-shadow(0 0 10px #b4a5d680);font-size:3.5rem;animation:4s linear infinite obstacleRotate;position:absolute;transform:translateY(-50%)}@keyframes obstacleRotate{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.star-collectible{filter:drop-shadow(0 0 15px #ffd700cc);font-size:3rem;animation:1s ease-in-out infinite starTwinkle;position:absolute;transform:translateY(-50%)}@keyframes starTwinkle{0%,to{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.7;transform:translateY(-50%)scale(1.2)}}.game-controls-hint{border:2px solid var(--subtle-teal);color:#e8eef3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#6ba3be4d;border-radius:20px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}.game-over-screen{border:3px solid var(--primary-gold);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c7a5684d,#d4a5c04d);border-radius:30px;max-width:700px;margin:3rem auto;padding:3rem;animation:.6s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.game-over-title{color:var(--primary-gold);margin-bottom:2rem;font-family:Fredoka One,cursive;font-size:3rem;animation:1s ease-in-out infinite celebration}@keyframes celebration{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.final-score{margin:2rem 0}.final-score p{color:#e8eef3;margin:1rem 0;font-size:1.8rem}.final-score strong{color:var(--primary-gold);font-family:Fredoka One,cursive;font-size:2.5rem}.new-record{color:var(--primary-green);font-weight:700;animation:1s ease-in-out infinite pulse;font-size:2rem!important}.game-over-buttons{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.play-again-button,.activities-button{cursor:pointer;border:none;border-radius:30px;padding:1.2rem 2.5rem;font-family:Fredoka One,cursive;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .6s;display:inline-block}.play-again-button{background:linear-gradient(135deg, var(--subtle-teal), var(--primary-green));color:#fff;box-shadow:0 8px 25px #88c9a166}.play-again-button:hover{transform:scale(1.08)translateY(-3px);box-shadow:0 12px 35px #88c9a199}.activities-button{background:linear-gradient(135deg, var(--soft-violet), var(--primary-pink));color:#fff;box-shadow:0 8px 25px #d4a5c066}.activities-button:hover{transform:scale(1.08)translateY(-3px);box-shadow:0 12px 35px #d4a5c099}@media (width<=768px){.game-title{font-size:2rem}.game-container{height:500px}.rocket{font-size:3rem}.obstacle,.star-collectible{font-size:2.5rem}.score-board{flex-direction:column;gap:1rem}.game-over-buttons{flex-direction:column}.game-instructions{padding:2rem}}.voice-toggle{border:3px solid var(--star-gold);background:linear-gradient(135deg, var(--star-gold), var(--nebula-pink));color:#fff;cursor:pointer;z-index:9999;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:80px;height:80px;font-size:2rem;transition:all .3s;animation:2s infinite pulse;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 0 30px #ffd70099}.voice-toggle:hover{transform:scale(1.1);box-shadow:0 0 50px #ffd700e6}.voice-toggle.active{background:linear-gradient(135deg, var(--star-gold), var(--alien-green));animation:2s infinite pulse}.voice-toggle.muted{background:linear-gradient(135deg,#666,#999);border-color:#999;animation:none}.voice-icon{font-size:2rem;line-height:1}.voice-text{text-align:center;font-family:Fredoka One,cursive;font-size:.5rem;font-weight:700}@media (width<=768px){.voice-toggle{width:60px;height:60px;bottom:20px;right:20px}.voice-icon{font-size:1.5rem}.voice-text{font-size:.4rem}}.star-field-wrapper{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star-field{width:100%;height:100%;position:absolute}.star{background:#fff;border-radius:50%;position:absolute}.space-gradient{background:linear-gradient(135deg,#1a1f3a 0%,#2d3561 50%,#1a2332 100%);width:100%;height:100%;position:absolute;top:0;left:0}.sensory-settings-toggle{background:linear-gradient(135deg, var(--soft-violet), var(--subtle-teal));color:#fff;cursor:pointer;z-index:999;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;transition:all .6s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 25px #6ba3be66}.sensory-settings-toggle:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 10px 30px #8b7fa880}.sensory-settings-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19eb;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.sensory-settings-panel{background:linear-gradient(135deg, var(--deep-navy), var(--muted-indigo));border:3px solid var(--subtle-teal);border-radius:30px;width:90%;max-width:600px;max-height:85vh;padding:0;animation:.4s slideUp;overflow-y:auto;box-shadow:0 20px 60px #6ba3be66}.settings-header{background:linear-gradient(135deg, var(--soft-violet), var(--subtle-teal));border-bottom:3px solid #fff3;border-radius:27px 27px 0 0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.settings-header h2{color:#fff;text-shadow:0 2px 8px #0000004d;margin:0;font-family:Fredoka One,cursive;font-size:2rem}.close-button{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:24px;transition:all .4s;display:flex}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.settings-content{padding:2.5rem}.setting-group{border-bottom:2px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:2rem}.setting-group:last-of-type{border-bottom:none;margin-bottom:1rem}.setting-label{color:var(--primary-gold);align-items:center;gap:.8rem;margin-bottom:1.2rem;font-family:Fredoka One,cursive;font-size:1.4rem;font-weight:700;display:flex}.label-icon{font-size:1.8rem}.setting-options{flex-wrap:wrap;gap:1rem;display:flex}.setting-btn{color:#e8eef3;cursor:pointer;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:20px;flex:1;min-width:100px;padding:1rem 1.5rem;font-family:Fredoka One,cursive;font-size:1.1rem;font-weight:600;transition:all .5s}.setting-btn:hover{border-color:var(--subtle-teal);background:#ffffff26;transform:translateY(-3px)}.setting-btn.active{background:linear-gradient(135deg, var(--subtle-teal), var(--primary-blue));border-color:var(--primary-gold);color:#fff;box-shadow:0 5px 20px #6ba3be66}.setting-toggle{justify-content:flex-start;display:flex}.toggle-btn{color:#e8eef3;cursor:pointer;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:25px;min-width:120px;padding:1rem 2.5rem;font-family:Fredoka One,cursive;font-size:1.2rem;font-weight:600;transition:all .5s}.toggle-btn:hover{background:#ffffff26;transform:scale(1.05)}.toggle-btn.active{background:linear-gradient(135deg, var(--primary-green), var(--subtle-teal));border-color:var(--primary-green);color:#fff;box-shadow:0 5px 20px #88c9a166}.settings-note{text-align:center;color:var(--primary-blue);background:#6ba3be26;border:2px solid #6ba3be4d;border-radius:15px;margin-top:1.5rem;padding:1.2rem;font-size:1.1rem}@media (width<=768px){.sensory-settings-panel{width:95%;max-height:90vh}.settings-header h2{font-size:1.6rem}.settings-content{padding:1.8rem}.setting-options{flex-direction:column}.setting-btn{min-width:auto}.sensory-settings-toggle{width:60px;height:60px;font-size:28px;bottom:20px;right:20px}}:root{--animation-multiplier:1}.simple-mode .floating-planet,.simple-mode .floating-rocket,.simple-mode .floating-symbol{display:none}.simple-mode .star-field-wrapper{opacity:.3}.high-contrast-mode{--primary-gold:gold;--primary-pink:#ff69b4;--primary-blue:#00bfff;--primary-green:#0f0;--subtle-teal:#00ced1}.high-contrast-mode button,.high-contrast-mode .landing-button,.high-contrast-mode .symbol-card{border-width:4px}.app-container{min-height:100vh;position:relative;overflow-x:hidden}.main-content{z-index:1;position:relative}.page-title{background:linear-gradient(135deg, var(--primary-gold), var(--primary-pink), var(--subtle-teal));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;font-size:48px;font-weight:700;display:flex}.title-icon{filter:drop-shadow(0 0 8px #c7a56866);font-size:48px}.page-subtitle{color:#e8eef3;text-align:center;margin-bottom:40px;font-size:22px}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#8b7fa840,#6ba3be40);border:3px solid #ffffff4d;border-radius:25px;padding:35px}.card h2{color:var(--primary-gold);margin-bottom:25px;font-size:32px}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.confetti{border-radius:50%;width:10px;height:10px;animation:3s linear forwards fall;position:absolute}@keyframes fall{0%{opacity:1;top:-10%;transform:rotate(0)}to{opacity:0;top:100%;transform:rotate(720deg)}}button{cursor:pointer;transition:all .6s}button:disabled{opacity:.5;cursor:not-allowed}.loading{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.loading-spinner{font-size:64px;animation:2s linear infinite spin}@media (width<=768px){.page-title,.title-icon{font-size:32px}.page-subtitle{font-size:16px}.card{padding:20px}.card h2{font-size:24px}}:focus-visible{outline-offset:2px;outline:3px solid gold}html{scroll-behavior:smooth}::selection{color:#fff;background-color:#ffd7004d}