:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{margin:0;padding:0;min-height:100vh}.global-header{background:linear-gradient(135deg,#11998e,#38ef7d);padding:15px 20px;box-shadow:0 4px 15px #00000026;position:sticky;top:0;z-index:1000}.header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;padding:8px 15px;border-radius:12px;-webkit-user-select:none;user-select:none}.header-logo-section:hover{background:#ffffff1a;transform:translateY(-2px)}.header-logo{width:45px;height:45px;border-radius:10px;box-shadow:0 3px 10px #0003;object-fit:cover;transition:transform .3s ease}.header-logo-section:hover .header-logo{transform:scale(1.05)}.header-branding{display:flex;flex-direction:column;gap:0}.domain-name{color:#fff;font-size:1.2rem;font-weight:700;margin:0;line-height:1;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.domain-url{color:#fffffff2;font-size:.75rem;margin:2px 0 0;font-weight:500;letter-spacing:.5px}.header-nav{display:flex;gap:10px;align-items:center}.nav-link{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 18px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}@media (max-width: 768px){.global-header{padding:12px 15px}.header-logo{width:40px;height:40px}.header-logo-section{gap:10px;padding:6px 10px}.domain-name{font-size:1rem}.domain-url{font-size:.7rem}.header-nav{gap:8px}.nav-link{padding:6px 14px;font-size:.85rem}}@media (max-width: 480px){.global-header{padding:10px 12px}.header-logo{width:38px;height:38px;border-radius:8px}.header-logo-section{gap:8px;padding:5px 8px}.domain-name{font-size:.95rem}.domain-url{font-size:.65rem}.header-nav{gap:5px}.nav-link{padding:5px 10px;font-size:.75rem}}.landing-page-ad,.numerology-ad,.parent-mode-ad{max-width:100%;margin:30px auto;padding:10px 0}.ad-placeholder{margin:20px auto;max-width:728px}.ad-sidebar-container{position:fixed;right:10px;top:120px;width:160px;z-index:100;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:10px}.ad-sidebar-label{font-size:.7rem;color:#999;text-align:center;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.ad-sidebar-placeholder{position:fixed;right:10px;top:120px;width:160px;height:600px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:100}.ad-placeholder-content{text-align:center;color:#999;font-size:.85rem;padding:20px;font-style:italic}.adsbygoogle{display:block;max-width:100%}@media (max-width: 1200px){.ad-sidebar-container,.ad-sidebar-placeholder{display:none}}@media (max-width: 768px){.landing-page-ad,.numerology-ad,.parent-mode-ad{margin:20px auto}}.landing-page{width:100%;overflow-x:hidden;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-section{background:linear-gradient(135deg,#11998e,#38ef7d);padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.hero-content{display:flex;flex-direction:column;gap:30px;z-index:10}.hero-title{font-size:3.5rem;color:#fff;margin:0;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.2);line-height:1.2}.hero-subtitle{font-size:1.4rem;color:#fffffff2;margin:0;line-height:1.6}.hero-cta{display:flex;gap:20px;flex-wrap:wrap}.cta-button{padding:18px 40px;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 8px 25px #0003}.cta-button.primary{background:#fff;color:#11998e}.cta-button.primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #0000004d}.cta-button.secondary{background:#ffffff26;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:#ffffff4d;transform:translateY(-3px)}.hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.floating-elements{position:relative;width:100%;height:100%}.element{position:absolute;font-size:6rem;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));opacity:.9}.element-1{top:30%;left:20%;animation-delay:0s}.element-2{top:50%;right:25%;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(5deg)}}.about-section{padding:100px 20px;background:#f8f9fa;max-width:1400px;margin:0 auto}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about-text h2{font-size:2.8rem;color:#333;margin-bottom:20px;margin-top:0}.about-text h3{font-size:1.5rem;color:#11998e;margin-top:25px;margin-bottom:12px}.about-text p{font-size:1.05rem;color:#555;line-height:1.8;margin-bottom:15px}.about-text strong{color:#11998e}.why-list{list-style:none;padding:0;margin:20px 0}.why-list li{font-size:1.05rem;color:#555;margin-bottom:15px;padding-left:0;line-height:1.6}.why-list strong{color:#333}.about-visual{display:flex;align-items:center;justify-content:center}.about-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014;border-left:6px solid #11998e;animation:slideInRight .8s ease}.about-card h4{font-size:1.5rem;color:#11998e;margin-bottom:15px;margin-top:0}.about-card p{font-size:1.1rem;color:#555;line-height:1.8;margin:0}.modules-section{padding:100px 20px;background:#fff;max-width:1400px;margin:0 auto}.modules-section h2{text-align:center;font-size:2.8rem;color:#333;margin-bottom:10px;margin-top:0}.section-subtitle{text-align:center;font-size:1.2rem;color:#999;margin-bottom:60px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.module-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px #00000014;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-top:5px solid #11998e;animation:slideUp .6s ease}.module-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0000001f}.module-icon{font-size:3.5rem;text-align:center;margin-bottom:20px}.module-card h3{font-size:1.8rem;color:#333;margin:10px 0;text-align:center}.module-grade{text-align:center;color:#999;font-size:.95rem;margin-bottom:25px;font-weight:600;letter-spacing:1px}.module-features{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.feature{font-size:1rem;color:#555;padding-left:5px;line-height:1.6}.module-button{width:100%;padding:16px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 6px 20px #11998e4d}.module-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #11998e80}.kids-module{border-top-color:#38ef7d}.kids-module .module-button{background:linear-gradient(135deg,#38ef7d,#11998e);box-shadow:0 6px 20px #38ef7d4d}.kids-module .module-button:hover{box-shadow:0 8px 30px #38ef7d80}.numerology-module{border-top-color:#11998e}.numerology-module .module-button{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 6px 20px #11998e4d}.numerology-module .module-button:hover{box-shadow:0 8px 30px #11998e80}.features-section{padding:100px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);max-width:1400px;margin:0 auto}.features-section h2{text-align:center;font-size:2.8rem;color:#333;margin-bottom:60px;margin-top:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{background:#fff;padding:30px;border-radius:15px;text-align:center;transition:all .3s;box-shadow:0 5px 20px #00000014}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.feature-emoji{font-size:2.5rem;display:block;margin-bottom:15px}.feature-item h4{font-size:1.3rem;color:#333;margin:15px 0}.feature-item p{color:#666;line-height:1.6;margin:0}.landing-footer{background:#1a1a1a;color:#fff;padding:60px 20px 20px}.footer-content{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-info h3{font-size:1.5rem;margin-bottom:10px;margin-top:0;color:#11998e}.footer-info p{color:#ffffffb3;line-height:1.6;margin:8px 0}.footer-domain{font-size:1.1rem;font-weight:600;color:#38ef7d}.footer-links h4,.footer-contact h4,.footer-legal h4{margin-bottom:15px;margin-top:0;color:#11998e}.footer-links ul,.footer-legal ul{list-style:none;padding:0;margin:0}.footer-links li,.footer-legal li{margin-bottom:10px}.footer-links a,.footer-legal a{color:#ffffffb3;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-legal a:hover{color:#fff}.footer-contact p{color:#ffffffb3;line-height:1.6;margin:5px 0}.footer-contact a{color:#38ef7d;text-decoration:none;transition:color .3s}.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#ffffff80;font-size:.95rem}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;padding:60px 20px}.about-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}}@media (max-width: 768px){.header-nav{gap:15px}.nav-link{font-size:.9rem;padding:6px 10px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.cta-button{padding:14px 28px;font-size:.95rem;flex:1;min-width:200px}.about-text h2,.modules-section h2,.features-section h2{font-size:2rem}.module-card{padding:20px 15px}}.educational-content-section{padding:80px 20px;max-width:1200px;margin:0 auto;background:#f9f9f9}.educational-content-section h2{font-size:2.5rem;color:#11998e;text-align:center;margin-bottom:50px}.content-grid{display:grid;gap:40px}.content-article{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 15px #0000001a;line-height:1.8}.content-article h3{color:#11998e;font-size:1.8rem;margin-bottom:20px;border-bottom:3px solid #38ef7d;padding-bottom:10px}.content-article p{color:#444;font-size:1.05rem;margin-bottom:20px;text-align:justify}.content-article p:last-child{margin-bottom:0}@media (max-width: 768px){.educational-content-section{padding:50px 15px}.educational-content-section h2{font-size:1.8rem}.content-article{padding:25px 20px}.content-article h3{font-size:1.4rem}.content-article p{font-size:1rem}}@media (max-width: 480px){.header-content{flex-direction:column;align-items:flex-start}.header-nav{flex-wrap:wrap;gap:10px;width:100%}.site-name{font-size:1.5rem}.hero-section{padding:40px 15px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.cta-button{padding:12px 20px;font-size:.9rem;width:100%}.hero-cta{flex-direction:column}.element{font-size:2.5rem}.about-section{padding:50px 15px}.about-text h2{font-size:1.5rem}.about-card{padding:20px}.modules-grid{grid-template-columns:1fr;gap:20px}.module-card{padding:20px 15px}.module-icon{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:15px}.footer-content{grid-template-columns:1fr;gap:20px}}.subject-selector-container{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.subject-selector-content{text-align:center;max-width:1000px;width:100%;position:relative}.back-button-home{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#11998e;font-weight:700;position:absolute;left:0;top:-60px}.back-button-home:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.app-title{color:#fff;font-size:3.5rem;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.3);animation:slideDown .6s ease}.app-subtitle{color:#fffffff2;font-size:1.3rem;margin-bottom:50px;text-shadow:1px 1px 4px rgba(0,0,0,.2);animation:slideDown .8s ease}.subject-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;perspective:1000px}.subject-card{background:#fff;border-radius:20px;padding:40px 30px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #0003;position:relative;overflow:hidden;animation:fadeInUp .8s ease}.subject-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.subject-card:hover:before{left:100%}.subject-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 50px #0000004d}.subject-card.hovered{transform:translateY(-15px) scale(1.05)}.subject-card.english-subject{border-top:5px solid #4ECDC4}.subject-card.english-subject:hover{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.subject-card.maths-subject{border-top:5px solid #4ECDC4}.subject-card.maths-subject:hover{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.subject-icon{font-size:4rem;margin-bottom:20px;display:block;animation:bounce 2s ease-in-out infinite}.subject-card.hovered .subject-icon{animation:spin .6s ease-in-out}.subject-card h2{font-size:2rem;margin-bottom:10px;font-weight:700}.subject-card p{font-size:1.1rem;margin-bottom:25px;opacity:.8;line-height:1.6}.subject-features{list-style:none;padding:0;margin:0 0 25px;text-align:left}.subject-features li{font-size:1rem;padding:8px 0;opacity:.85;display:flex;align-items:center;justify-content:center}.subject-features li:before{content:"";display:inline-block;margin-right:10px}.subject-arrow{position:absolute;right:20px;bottom:20px;font-size:2rem;opacity:.3;transition:all .3s ease}.subject-card:hover .subject-arrow{opacity:1;transform:translate(10px)}@media (max-width: 768px){.app-title{font-size:2.5rem}.app-subtitle{font-size:1.1rem;margin-bottom:30px}.subject-cards{grid-template-columns:1fr;gap:20px}.subject-card{padding:30px 20px}.subject-icon{font-size:3rem}.subject-card h2{font-size:1.5rem}}.mode-selector-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px}.mode-selector-content{text-align:center;max-width:900px;width:100%}.app-title{font-size:3.5rem;color:#fff;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:bounce 1s ease-in-out}.app-subtitle{font-size:1.3rem;color:#ffffffe6;margin-bottom:50px}.mode-cards{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.mode-card{background:#fff;border-radius:20px;padding:40px 30px;width:280px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003}.mode-card:hover,.mode-card.hovered{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.mode-card.parent-mode{border-top:5px solid #FF6B6B}.mode-card.child-mode{border-top:5px solid #4ECDC4}.mode-icon{font-size:4rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.mode-card h2{color:#333;font-size:1.8rem;margin-bottom:10px}.mode-card p{color:#666;margin-bottom:20px;font-size:1rem}.mode-features{list-style:none;padding:0;text-align:left}.mode-features li{color:#555;padding:8px 0;font-size:.95rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.app-title{font-size:2.5rem}.mode-cards{flex-direction:column;align-items:center}.mode-card{width:100%;max-width:350px}}.english-subject-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px}.english-subject-content{max-width:1200px;margin:0 auto}.back-button-english{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#4ecdc4;font-weight:700;margin-bottom:30px}.back-button-english:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.english-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.option-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px #00000026;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;text-align:center}.option-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 60px #00000040}.option-icon{font-size:4rem;margin-bottom:20px;display:block;animation:bounce 2s ease-in-out infinite}.option-card:hover .option-icon{animation:spin .6s ease-in-out}.option-card h2{font-size:1.8rem;color:#333;margin-bottom:15px;font-weight:700}.option-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:25px}.option-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.feature{background:#f0f0f0;padding:8px 15px;border-radius:20px;font-size:.9rem;color:#333}.start-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #4ecdc466}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc499}@media (max-width: 768px){.subject-header h1{font-size:2rem}.subject-header p{font-size:1rem}.english-options{grid-template-columns:1fr;gap:20px}.option-card{padding:30px 20px}.option-icon{font-size:3rem}.option-card h2{font-size:1.5rem}}.difficulty-selector-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-button-difficulty{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#44a08d;font-weight:700;position:absolute;top:90px;left:20px;z-index:10}.back-button-difficulty:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.difficulty-selector-content{text-align:center;max-width:900px;width:100%}.difficulty-selector-content h1{color:#fff;font-size:2.8rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.2);animation:slideDown .6s ease}.difficulty-selector-content p{color:#fffffff2;font-size:1.2rem;margin-bottom:50px;animation:slideDown .8s ease}.difficulty-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.difficulty-card{background:#fff;border-radius:20px;padding:40px 30px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #00000026;text-align:center}.difficulty-card:hover,.difficulty-card.hovered{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 50px #00000040}.difficulty-icon{font-size:4rem;margin-bottom:20px;display:block;animation:bounce 2s ease-in-out infinite}.difficulty-card:hover .difficulty-icon,.difficulty-card.hovered .difficulty-icon{animation:spin .6s ease-in-out}.difficulty-card h2{font-size:1.8rem;color:#333;margin-bottom:10px;font-weight:700}.difficulty-card p{font-size:1rem;color:#666;margin-bottom:20px;margin-top:0}.example{background:#f0f0f0;padding:12px 15px;border-radius:10px;margin-bottom:20px;font-weight:600;color:#333;font-size:1.1rem}@media (max-width: 768px){.difficulty-selector-content h1{font-size:2rem}.difficulty-cards{grid-template-columns:1fr;gap:20px}.difficulty-card{padding:30px 20px}}.math-worksheet-container,.worksheet-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.worksheet-content{max-width:1200px;margin:0 auto}.worksheet-content h1{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.2);text-align:center;animation:slideDown .6s ease}.worksheet-subtitle{color:#fffffff2;font-size:1.1rem;margin-bottom:30px;text-align:center;animation:slideDown .8s ease}.problems-section,.results-section{animation:slideUp .6s ease}.worksheet-actions{display:flex;justify-content:center;gap:15px;margin-top:30px;margin-bottom:30px;flex-wrap:wrap}.score-card{background:#fff;border-radius:20px;padding:40px 50px;box-shadow:0 15px 50px #0003;text-align:center;max-width:500px;margin:0 auto 40px;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}.score-number{font-size:4rem;font-weight:700;color:#4ecdc4;line-height:1}.score-total{font-size:1.5rem;color:#999;margin-left:10px}.score-percentage{font-size:1.3rem;color:#666;margin-top:10px;font-weight:600}.encouraging-message{font-size:1.3rem;color:#333;margin-top:20px;font-weight:600}.worksheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.back-button-worksheet{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#4ecdc4;font-weight:700}.back-button-worksheet:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.header-info{flex:1;min-width:300px}.header-info h1{color:#fff;font-size:1.8rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.timer{color:#fffffff2;font-size:1.1rem;font-weight:600}.worksheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;max-width:1400px;margin-left:auto;margin-right:auto}.problem-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 8px 20px #00000026;transition:all .3s;animation:slideUp .5s ease}.problem-card:nth-child(1){animation-delay:.05s}.problem-card:nth-child(2){animation-delay:.1s}.problem-card:nth-child(3){animation-delay:.15s}.problem-card:nth-child(4){animation-delay:.2s}.problem-card:nth-child(5){animation-delay:.25s}.problem-card:nth-child(6){animation-delay:.3s}.problem-card:nth-child(7){animation-delay:.35s}.problem-card:nth-child(8){animation-delay:.4s}.problem-card:nth-child(9){animation-delay:.45s}.problem-card:nth-child(10){animation-delay:.5s}.problem-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.problem-number{font-size:.85rem;color:#4ecdc4;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.problem-content{display:flex;flex-direction:column;gap:15px}.numbers{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600}.number{font-size:1.8rem;color:#333}.operator{font-size:1.5rem;color:#4ecdc4;font-weight:700}.answer-line{border-top:3px solid #ddd;padding-top:10px;display:flex;justify-content:center}.answer-input{width:80px;text-align:center;font-size:1.4rem;font-weight:700;border:none;background:transparent;color:#333;padding:5px}.answer-input:focus{outline:none;color:#4ecdc4}.answer-input::placeholder{color:#ccc}.worksheet-actions{display:flex;justify-content:center;gap:15px;margin-top:40px;margin-bottom:40px}.submit-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:18px 50px;border-radius:50px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #4caf5066}.submit-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #4caf5099}.submit-button:active{transform:scale(.98)}.score-section{display:flex;justify-content:center;margin-bottom:40px}.score-card{background:#fff;border-radius:20px;padding:40px 50px;box-shadow:0 15px 50px #0003;text-align:center;max-width:500px;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}.score-display{margin-bottom:20px}.final-score{font-size:4rem;font-weight:700;color:#4ecdc4;line-height:1}.score-percentage{font-size:1.2rem;color:#666;margin-top:10px}.score-message{font-size:1.5rem;color:#333;margin-bottom:15px;font-weight:600}.time-info{font-size:1rem;color:#999;margin-top:15px;border-top:2px solid #eee;padding-top:15px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}.result-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 8px 20px #00000026;animation:slideUp .5s ease;border-left:5px solid #ccc}.result-card.correct{background:#f0fdf4;border-left-color:#4caf50}.result-card.incorrect{background:#fef2f2;border-left-color:#ef4444}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.1)}.result-number{font-weight:700;color:#4ecdc4;font-size:.9rem;text-transform:uppercase}.result-icon{font-size:1.5rem;font-weight:700}.result-icon.check{color:#4caf50}.result-icon.cross{color:#ef4444}.result-problem{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:15px;font-weight:600;font-size:1.3rem}.result-problem div:nth-child(2){color:#4ecdc4;font-size:1.1rem}.result-answer{font-size:.95rem;line-height:1.8;color:#333}.user-answer,.correct-answer{margin-bottom:8px}.highlight{font-weight:700;padding:2px 6px;border-radius:4px;background:#667eea1a}.result-card.correct .highlight{background:#4caf5033;color:#4caf50}.result-card.incorrect .highlight{background:#ef444433;color:#ef4444}.final-actions{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.refresh-button,.back-button-final{background:#fff;color:#4ecdc4;border:2px solid white;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #00000026}.refresh-button:hover,.back-button-final:hover{transform:translateY(-2px);background:#fffffff2;box-shadow:0 8px 30px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-info h1{font-size:1.3rem}.worksheet-grid{grid-template-columns:repeat(2,1fr);gap:15px}.problem-card{padding:15px}.number{font-size:1.5rem}.score-card{padding:30px 25px}.final-score{font-size:3rem}.results-grid{grid-template-columns:1fr;gap:15px}.final-actions{gap:10px}.refresh-button,.back-button-final{padding:12px 30px;font-size:1rem}}@media (max-width: 480px){.worksheet-grid{grid-template-columns:1fr}.worksheet-header{flex-direction:column;align-items:flex-start}.number{font-size:1.3rem}.score-card{padding:25px 15px}.final-score{font-size:2.5rem}}.problems-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:30px;max-width:1200px;margin-left:auto;margin-right:auto}.problem-card-compact{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s;animation:slideUp .5s ease}.problem-card-compact:nth-child(1){animation-delay:.05s}.problem-card-compact:nth-child(2){animation-delay:.1s}.problem-card-compact:nth-child(3){animation-delay:.15s}.problem-card-compact:nth-child(4){animation-delay:.2s}.problem-card-compact:nth-child(5){animation-delay:.25s}.problem-card-compact:nth-child(6){animation-delay:.3s}.problem-card-compact:nth-child(7){animation-delay:.35s}.problem-card-compact:nth-child(8){animation-delay:.4s}.problem-card-compact:nth-child(9){animation-delay:.45s}.problem-card-compact:nth-child(10){animation-delay:.5s}.problem-card-compact:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.problem-text-compact{font-size:.95rem;font-weight:700;color:#333;margin-bottom:8px;text-align:center;line-height:1.2}.answer-input-compact{width:100%;padding:6px 8px;font-size:1rem;font-weight:700;border:2px solid #ddd;border-radius:6px;text-align:center;transition:all .3s;background:#f9f9f9}.answer-input-compact:focus{outline:none;border-color:#4ecdc4;background:#fff;box-shadow:0 0 8px #667eea4d}.answer-input-compact::placeholder{color:#ccc;font-size:.9rem}.clear-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #ff980066}.clear-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff980099}.clear-button:active{transform:scale(.98)}.try-new-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:15px 45px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #667eea66}.try-new-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #667eea99}.try-new-button:active{transform:scale(.98)}.timer-section{text-align:center;color:#ffffffe6;font-size:1rem;margin-top:20px;margin-bottom:30px}.result-indicator{text-align:center;font-weight:700;margin-top:10px;font-size:.95rem}@media (max-width: 768px){.problems-grid-compact{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px}.problem-card-compact{padding:10px}.problem-text-compact{font-size:.85rem;margin-bottom:6px}.answer-input-compact{font-size:.9rem;padding:5px 6px}}@media (max-width: 480px){.problems-grid-compact{grid-template-columns:repeat(2,1fr);gap:8px}.problem-card-compact{padding:8px}.problem-text-compact{font-size:.75rem;margin-bottom:5px}.answer-input-compact{font-size:.8rem;padding:4px 5px}.worksheet-actions{flex-direction:column;gap:12px}.clear-button,.submit-button{width:100%;padding:12px 20px}}.table-selector-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:100px 20px 20px}.back-button-table{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#4ecdc4;font-weight:700;position:absolute;top:90px;left:20px;z-index:10}.back-button-table:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.table-selector-content{max-width:1200px;margin:0 auto}.table-selector-content h1{color:#fff;font-size:2.8rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.2);text-align:center;animation:slideDown .6s ease}.table-selector-content p{color:#fffffff2;font-size:1.2rem;margin-bottom:50px;text-align:center;animation:slideDown .8s ease}.table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.table-card{background:#fff;border-radius:15px;padding:25px 15px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 8px 20px #00000026;text-align:center;animation:scaleIn .5s ease}.table-card:nth-child(1){animation-delay:.05s}.table-card:nth-child(2){animation-delay:.1s}.table-card:nth-child(3){animation-delay:.15s}.table-card:nth-child(4){animation-delay:.2s}.table-card:nth-child(5){animation-delay:.25s}.table-card:nth-child(6){animation-delay:.3s}.table-card:nth-child(7){animation-delay:.35s}.table-card:nth-child(8){animation-delay:.4s}.table-card:nth-child(9){animation-delay:.45s}.table-card:nth-child(10){animation-delay:.5s}.table-card:nth-child(11){animation-delay:.55s}.table-card:nth-child(12){animation-delay:.6s}.table-card:nth-child(13){animation-delay:.65s}.table-card:nth-child(14){animation-delay:.7s}.table-card:nth-child(15){animation-delay:.75s}.table-card:nth-child(16){animation-delay:.8s}.table-card:nth-child(17){animation-delay:.85s}.table-card:nth-child(18){animation-delay:.9s}.table-card:nth-child(19){animation-delay:.95s}.table-card:nth-child(20){animation-delay:1s}.table-card:hover,.table-card.hovered{transform:translateY(-12px) scale(1.08);box-shadow:0 15px 40px #00000040}.table-number{font-size:2.5rem;font-weight:700;color:#4ecdc4;margin-bottom:10px}.table-label{font-size:1rem;color:#666;margin-bottom:15px}.select-table-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:8px 20px;border-radius:50px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff980066;width:100%}.select-table-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980099}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.table-selector-content h1{font-size:2rem}.table-grid{grid-template-columns:repeat(4,1fr);gap:15px}.table-card{padding:20px 10px}.table-number{font-size:2rem}}@media (max-width: 480px){.table-grid{grid-template-columns:repeat(3,1fr);gap:12px}.table-card{padding:15px 8px}.table-number{font-size:1.6rem}.select-table-btn{padding:6px 15px;font-size:.8rem}}.operation-type-selector-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-button-operation-type{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#44a08d;font-weight:700;position:absolute;top:90px;left:20px;z-index:10}.back-button-operation-type:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.operation-type-selector-content{text-align:center;max-width:900px;width:100%}.operation-type-selector-content h1{color:#fff;font-size:2.8rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.2);animation:slideDown .6s ease}.operation-type-selector-content p{color:#fffffff2;font-size:1.2rem;margin-bottom:50px;animation:slideDown .8s ease}.operation-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;animation:fadeInUp 1s ease}.operation-type-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px #0003;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.operation-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,#4ecdc4,#44a08d);transform:scaleX(0);transition:transform .4s ease}.operation-type-card:hover:before,.operation-type-card.hovered:before{transform:scaleX(1)}.operation-type-card:hover,.operation-type-card.hovered{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #0000004d}.operation-type-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s infinite}.operation-type-card h2{color:#333;font-size:1.8rem;margin-bottom:15px;font-weight:700}.operation-type-card p{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.6}.operation-type-card .example{background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);padding:15px;border-radius:10px;font-size:1.1rem;font-weight:700;color:#44a08d;margin:20px 0;border:2px solid rgba(78,205,196,.3)}.operation-type-card .start-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 35px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:15px;box-shadow:0 4px 15px #4ecdc466}.operation-type-card .start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc499}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.operation-type-selector-content h1{font-size:2rem}.operation-type-cards{grid-template-columns:1fr;gap:20px}.back-button-operation-type{font-size:.9rem;padding:10px 20px}}.maths-subject-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px}.maths-subject-content{max-width:1200px;margin:0 auto}.back-button-maths{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#4ecdc4;font-weight:700;margin-bottom:30px}.back-button-maths:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.subject-header{text-align:center;color:#fff;margin-bottom:50px;animation:slideDown .6s ease}.subject-header h1{font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.subject-header p{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto}.maths-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px}.topic-card{background:#fff;border-radius:15px;padding:35px 25px;box-shadow:0 10px 30px #00000026;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;text-align:center;position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s}.topic-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 50px #00000040}.topic-card.hovered{transform:translateY(-15px) scale(1.05)}.addition-topic:before{background:linear-gradient(90deg,#4caf50,#45a049)}.subtraction-topic:before{background:linear-gradient(90deg,#2196f3,#1976d2)}.multiplication-topic:before{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.division-topic:before{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.topic-icon{font-size:3.5rem;margin-bottom:15px;display:block;animation:bounce 2s ease-in-out infinite}.topic-card:hover .topic-icon{animation:spin .6s ease-in-out}.topic-card h2{font-size:1.6rem;color:#333;margin-bottom:10px;font-weight:700}.topic-card p{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.start-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #f5576c66}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f5576c99}.coming-soon{text-align:center;color:#fff;font-size:1.1rem;padding:30px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coming-soon-section{margin-top:50px}.coming-soon-label{text-align:center;color:#fff;font-size:1.1rem;margin-bottom:30px;opacity:.9}.topic-card.coming-soon{opacity:.6;pointer-events:none;position:relative}.coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:15px 25px;border-radius:50px;font-weight:700;font-size:1.1rem;z-index:10}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}@media (max-width: 768px){.subject-header h1{font-size:2rem}.subject-header p{font-size:1rem}.maths-topics{grid-template-columns:repeat(2,1fr);gap:15px}.topic-card{padding:20px 15px}.topic-icon{font-size:2.5rem}.topic-card h2{font-size:1.2rem}.topic-card p{font-size:.85rem}}@media (max-width: 480px){.maths-topics{grid-template-columns:1fr}}.parent-mode-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px}.parent-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.parent-header h1{color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.back-button{background:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab{background:#ffffff4d;border:none;padding:15px 25px;border-radius:10px 10px 0 0;font-size:1.1rem;color:#fff;cursor:pointer;transition:all .3s}.tab.active{background:#fff;color:#44a08d;font-weight:700}.tab:hover:not(.active){background:#ffffff80}.tab-content{background:#fff;border-radius:0 10px 10px;padding:30px;min-height:500px;box-shadow:0 10px 30px #0003;max-width:calc(100% - 180px)}@media (max-width: 1200px){.tab-content{max-width:100%}}.words-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-button{background:#4ecdc4;color:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s}.add-button:hover{background:#3d8ed5;transform:translateY(-2px)}.add-word-form,.edit-word-form{display:flex;gap:10px;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:10px;flex-wrap:wrap}.word-input,.difficulty-select,.category-input{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:1rem}.word-input{flex:2;min-width:200px}.difficulty-select{flex:1;min-width:120px}.category-input{flex:1;min-width:150px}.save-button{background:#4caf50;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s}.save-button:hover{background:#45a049}.words-list{display:flex;flex-direction:column;gap:15px}.word-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #4ECDC4;transition:all .3s}.word-item:hover{transform:translate(5px);box-shadow:0 4px 10px #0000001a}.word-info{flex:1}.word-text{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:5px;display:flex;align-items:center;gap:10px}.priority-badge{font-size:.8rem;background:gold;color:#333;padding:3px 10px;border-radius:12px}.word-meta{display:flex;gap:10px}.difficulty-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.difficulty-badge.easy{background:#4caf50;color:#fff}.difficulty-badge.medium{background:#4ecdc4;color:#fff}.difficulty-badge.hard{background:#f44336;color:#fff}.category-badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:.85rem}.word-actions{display:flex;gap:8px}.action-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:5px 10px;border-radius:5px;transition:all .2s}.action-btn:hover{background:#e0e0e0}.action-btn.delete:hover{background:#ffebee}.word-input-edit,.difficulty-select-edit,.category-input-edit{padding:8px;border:2px solid #ddd;border-radius:6px;font-size:1rem}.save-btn-small,.cancel-btn-small{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:1rem}.cancel-btn-small{background:#f44336}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:0 8px 20px #00000026}.stat-icon{font-size:3rem;margin-bottom:10px}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:1rem;opacity:.9}.recent-results h3{margin-bottom:15px;color:#333}.no-results{text-align:center;color:#999;padding:40px;font-size:1.1rem}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;justify-content:space-between;padding:12px 15px;border-radius:8px;font-size:1rem}.result-item.correct{background:#e8f5e9;border-left:4px solid #4caf50}.result-item.incorrect{background:#ffebee;border-left:4px solid #f44336}.result-word{font-weight:700;color:#333}.reset-button{margin-top:30px;background:#f44336;color:#fff;border:none;padding:12px 30px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s;font-weight:700}.reset-button:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.reset-section{margin-top:40px;padding:25px;background:#ffebee;border:2px solid #f44336;border-radius:15px}.reset-section h3{color:#c62828;margin-bottom:15px;font-size:1.3rem}.reset-warning{color:#d32f2f;margin-bottom:20px;font-size:1rem;line-height:1.6}.settings-list{display:flex;flex-direction:column;gap:25px;max-width:600px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:10px}.setting-item label{font-size:1.1rem;color:#333;font-weight:500}.setting-select{padding:10px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;cursor:pointer}.toggle-button{padding:10px 30px;border:2px solid #ddd;border-radius:25px;background:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.toggle-button.active{background:#4caf50;color:#fff;border-color:#4caf50}.toggle-button:hover{transform:scale(1.05)}.voice-note{font-size:.85rem;color:#666;margin-top:8px;font-style:italic}.voice-test-section{flex-direction:column!important;align-items:flex-start!important;background:linear-gradient(135deg,#4ecdc4,#44a08d)!important;color:#fff}.voice-test-content{width:100%}.voice-test-section label{color:#fff;font-size:1.2rem;margin-bottom:10px}.voice-test-description{color:#ffffffe6;font-size:.95rem;margin-bottom:15px}.voice-test-controls{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.test-word-input{flex:1;min-width:200px;padding:12px 15px;border:2px solid white;border-radius:8px;font-size:1rem;background:#fff;color:#333}.test-word-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.test-word-input::placeholder{color:#999}.test-play-button{padding:12px 30px;background:#fff;color:#4ecdc4;border:2px solid white;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.test-play-button:hover:not(:disabled){background:#ffffffe6;transform:scale(1.05)}.test-play-button:disabled{opacity:.5;cursor:not-allowed}.quick-test-words{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px;background:#ffffff1a;border-radius:8px}.quick-label{font-weight:600;color:#fff;font-size:.95rem}.quick-test-button{padding:8px 16px;background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s}.quick-test-button:hover{background:#fff6;border-color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.tabs{flex-wrap:wrap}.tab{flex:1;min-width:150px}.add-word-form,.edit-word-form{flex-direction:column}.word-item{flex-direction:column;align-items:flex-start;gap:15px}.word-actions{width:100%;justify-content:flex-end}}.child-mode-container{min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:20px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filters-section{display:flex;gap:15px;align-items:center;justify-content:center;background:#fff;padding:15px 20px;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:700;color:#333;font-size:1rem}.filter-select{padding:8px 15px;border:2px solid #4ECDC4;border-radius:10px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s;min-width:150px}.filter-select:hover{border-color:#4ecdc4;box-shadow:0 2px 8px #4facfe4d}.filter-select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4facfe33}.skip-word-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #f5576c4d}.skip-word-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f5576c66}.skip-word-button:active{transform:translateY(0)}.back-button-child{background:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#4ecdc4;font-weight:700}.back-button-child:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.reset-button-child{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #f5576c4d;transition:all .3s;font-weight:700}.reset-button-child:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f5576c66}.reset-button-child:active{transform:translateY(0)}.session-stats{display:flex;gap:20px;background:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 4px 10px #0003}.stat{color:#333;font-weight:700;font-size:1rem}.game-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px)}.game-card{background:#fff;border-radius:20px;padding:50px;max-width:600px;width:100%;box-shadow:0 15px 40px #0003;position:relative}.loading-state,.no-words-state{text-align:center;padding:40px 20px}.loading-spinner{font-size:5rem;animation:spin 2s linear infinite}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.loading-state h2,.no-words-state h2{color:#333;font-size:2rem;margin-bottom:10px}.no-words-state p{color:#666;font-size:1.2rem;margin-bottom:30px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-category{display:flex;justify-content:space-between;margin-bottom:20px}.category-tag{background:#e3f2fd;color:#1976d2;padding:6px 15px;border-radius:15px;font-size:.9rem}.difficulty-tag{padding:6px 15px;border-radius:15px;font-size:.9rem;font-weight:700;text-transform:uppercase}.difficulty-tag.easy{background:#4caf50;color:#fff}.difficulty-tag.medium{background:#4ecdc4;color:#fff}.difficulty-tag.hard{background:#f44336;color:#fff}.attempts-indicator{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.attempt-dot{width:20px;height:20px;border-radius:50%;background:#e0e0e0;transition:all .3s}.attempt-dot.used{background:#f44336;transform:scale(1.2)}.instruction{text-align:center;color:#333;font-size:2rem;margin-bottom:30px}.speak-button{display:block;margin:0 auto 30px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.2rem;cursor:pointer;box-shadow:0 6px 20px #667eea66;transition:all .3s}.speak-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.speak-button:active{transform:scale(.98)}.input-section{display:flex;gap:15px;margin-bottom:20px}.spelling-input{flex:1;padding:15px 20px;border:3px solid #4ECDC4;border-radius:15px;font-size:1.5rem;text-align:center;font-weight:700;text-transform:lowercase;transition:all .3s}.spelling-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 20px #667eea4d}.submit-button{background:#4caf50;color:#fff;border:none;padding:15px 30px;border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #4caf5066}.submit-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5099}.hint-button{display:block;margin:20px auto;background:gold;color:#333;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ffd70066}.hint-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #ffd70099}.hint-button:disabled{background:#ccc;color:#888;cursor:not-allowed;box-shadow:none}.max-clues-message{text-align:center;color:#4ecdc4;font-weight:700;font-size:1.1rem;margin:20px 0;padding:15px;background:#fff3e0;border-radius:10px;border:2px solid #4ECDC4}.skip-word-button-playing{display:block;margin:20px auto;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #f5576c4d}.skip-word-button-playing:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f5576c66}.skip-word-button-playing:active{transform:translateY(0)}.clue-display{background:#fff9e6;border:3px solid #ffd700;border-radius:15px;padding:20px;margin:20px 0;text-align:center;animation:slideDown .3s ease}.clue-letters{display:flex;gap:10px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.clue-letter{display:inline-block;width:40px;height:50px;line-height:50px;font-size:1.8rem;font-weight:700;border-radius:8px;transition:all .3s}.clue-letter.revealed{background:#4caf50;color:#fff;animation:letterReveal .5s ease}.clue-letter.hidden{background:#e0e0e0;color:#999}.clue-info{color:#f57c00;font-weight:700;font-size:1rem;margin:0}@keyframes letterReveal{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1);opacity:1}}.hint-box{background:#fff9c4;border:2px solid #ffd700;border-radius:15px;padding:20px;margin:20px 0;text-align:center;font-size:1.2rem;color:#333;animation:slideDown .3s ease}.hint-icon{font-size:2rem;display:block;margin-bottom:10px}.feedback-box{background:#ffebee;border:2px solid #f44336;border-radius:15px;padding:20px;margin:20px 0;animation:slideDown .3s ease}.feedback-message{color:#c62828;font-size:1.1rem;margin-bottom:10px}.attempts-left{color:#4ecdc4;font-weight:700;font-size:1rem;margin-top:10px;text-align:center}.result-screen{text-align:center;animation:zoomIn .5s ease}.result-emoji{font-size:5rem;margin-bottom:20px;animation:bounce .6s ease}.result-screen h2{font-size:2.5rem;margin-bottom:20px}.result-screen.success h2{color:#4caf50}.result-screen.failure h2{color:#4ecdc4}.result-word{font-size:1.3rem;color:#666;margin-bottom:10px}.correct-spelling{font-size:3rem;color:#4ecdc4;font-weight:700;margin:20px 0;animation:pulse 1s ease}.result-message{font-size:1.2rem;color:#666;margin-bottom:20px}.stars-earned{font-size:3rem;margin:20px 0}.star-icon{display:inline-block;animation:starPop .5s ease;margin:0 5px}.star-icon:nth-child(2){animation-delay:.1s}.star-icon:nth-child(3){animation-delay:.2s}.next-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.3rem;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s;box-shadow:0 6px 20px #4facfe66}.next-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4facfe99}.celebration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;font-size:3rem;animation:confettiFall 2s ease-out}.confetti:nth-child(1){left:10%;animation-delay:0s}.confetti:nth-child(2){left:30%;animation-delay:.2s}.confetti:nth-child(3){left:50%;animation-delay:.4s}.confetti:nth-child(4){left:70%;animation-delay:.6s}.confetti:nth-child(5){left:90%;animation-delay:.8s}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes starPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes confettiFall{0%{top:-10%;transform:rotate(0);opacity:1}to{top:100%;transform:rotate(720deg);opacity:0}}@media (max-width: 768px){.game-card{padding:30px 20px}.instruction{font-size:1.5rem}.spelling-input{font-size:1.2rem}.input-section{flex-direction:column}.submit-button{width:100%}.session-stats{flex-direction:column;gap:10px}.filters-section{flex-direction:column;gap:15px;align-items:stretch}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.filter-select,.skip-word-button{width:100%}}.numerology-container{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.back-button-numerology{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#11998e;font-weight:700;margin-bottom:30px}.back-button-numerology:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.numerology-content{max-width:1200px;margin:0 auto}.numerology-content h1{color:#fff;font-size:2.8rem;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.2);text-align:center;animation:slideDown .6s ease}.numerology-subtitle{color:#fffffff2;font-size:1.2rem;margin-bottom:40px;text-align:center;animation:slideDown .8s ease}.system-selector{background:#f9f9f9;border-radius:15px;padding:25px;margin-bottom:30px;border:2px solid #c8f5e9;animation:slideDown .6s ease}.system-selector label{display:block;color:#11998e;font-size:1.1rem;font-weight:700;margin-bottom:18px;text-align:center}.system-buttons{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.system-btn{background:#fff;color:#11998e;border:2px solid #11998e;padding:10px 18px;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s;flex:1;min-width:140px;max-width:180px}.system-btn:hover{background:#e0f7f4;transform:translateY(-2px);box-shadow:0 4px 12px #11998e33}.system-btn.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 6px 20px #11998e4d;border-color:transparent}.system-info{color:#666;font-size:.85rem;text-align:center;margin:0;line-height:1.6}.numerology-header{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 40px #00000026;animation:slideDown .6s ease}.header-card h2{color:#11998e;font-size:2.2rem;margin:0 0 20px}.header-card p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.header-card h3{color:#333;font-size:1.5rem;margin:30px 0 20px}.header-card .numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.numerology-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;animation:fadeIn .6s ease .2s both}.numerology-sidebar{flex:1}.sidebar-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000026;height:100%}.sidebar-card h2{color:#11998e;font-size:1.8rem;margin:0 0 20px}.sidebar-card p{color:#555;font-size:.95rem;line-height:1.8;margin-bottom:25px}.sidebar-card h3{color:#333;font-size:1.3rem;margin:25px 0 15px}.sidebar-card .numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.numerology-calculator{flex:1}.numerology-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.tab-button{background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.6);padding:12px 25px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.tab-button:hover{background:#ffffff59;transform:translateY(-2px);border-color:#fff}.tab-button.active{background:#fff;color:#11998e;box-shadow:0 6px 20px #0003;text-shadow:none}.tab-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-tab{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0003}.intro-card h2{color:#11998e;font-size:2.2rem;margin-bottom:20px;margin-top:0}.intro-card p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.intro-card h3{color:#333;font-size:1.5rem;margin-top:30px;margin-bottom:20px}.intro-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.step{display:flex;gap:20px;background:#f9f9f9;padding:20px;border-radius:12px;border-left:4px solid #11998e}.step-number{min-width:50px;width:50px;height:50px;border-radius:50%;background:#11998e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.step h4{color:#333;margin:0 0 8px;font-size:1.1rem}.step p{color:#666;margin:0;font-size:.95rem;line-height:1.6}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.number-box{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:20px;border-radius:15px;text-align:center;transition:all .3s}.number-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.number-circle{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 10px;border:3px solid white}.number-box h4{margin:10px 0 5px;font-size:1rem}.number-box p{margin:0;font-size:.85rem;opacity:.95;line-height:1.4}.calculator-tab{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0003;max-width:600px;margin:0 auto}.calculator-card h2{color:#11998e;font-size:2.2rem;margin-bottom:15px;margin-top:0}.description{color:#666;font-size:1.1rem;margin-bottom:30px}.input-group{background:#f9f9f9;padding:30px;border-radius:15px;margin-bottom:30px}.input-group label{display:block;color:#333;font-size:1.1rem;font-weight:600;margin-bottom:12px}.date-input,.text-input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid #ddd;border-radius:10px;margin-bottom:20px;transition:all .3s;box-sizing:border-box}.date-input:focus,.text-input:focus{outline:none;border-color:#11998e;box-shadow:0 0 8px #11998e4d}.button-group{display:flex;gap:15px;flex-wrap:wrap}.button-group .calculate-button{flex:1;min-width:200px}.calculate-button{width:100%;padding:14px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #11998e4d}.calculate-button.alternate{background:linear-gradient(135deg,#0ba360,#3cba92);box-shadow:0 6px 20px #0ba3604d}.calculate-button.alternate:hover:not(:disabled){box-shadow:0 8px 30px #0ba36080}.calculate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #11998e80}.calculate-button:disabled{opacity:.5;cursor:not-allowed}.result-card{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:40px;border-radius:20px;text-align:center;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55);margin-top:30px}.result-number{font-size:5rem;font-weight:700;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.2);animation:pop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-card h3{font-size:1.6rem;margin:20px 0;line-height:1.5}.traits{margin-top:30px;text-align:center}.traits h4{font-size:1.2rem;margin-bottom:15px;opacity:.95}.traits-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.trait-badge{background:#fff3;padding:10px 18px;border-radius:50px;font-size:.95rem;border:2px solid rgba(255,255,255,.5);transition:all .3s}.trait-badge:hover{background:#ffffff4d;transform:translateY(-2px);border-color:#fff}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.numerology-guide-section{background:#fff;border-radius:20px;padding:40px;margin-top:40px;box-shadow:0 10px 40px #00000026;animation:fadeIn .6s ease .3s both}.guide-title{color:#11998e;font-size:2.2rem;text-align:center;margin:0 0 40px;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.info-sections{max-height:80vh;overflow-y:auto;padding:30px!important}.info-section{background:#f9f9f9;border-radius:15px;padding:25px;margin-bottom:30px;border-left:5px solid #11998e}.info-section h3{color:#11998e;font-size:1.4rem;margin:0 0 20px}.info-content{color:#555;line-height:1.8}.info-content p{margin:12px 0;font-size:1rem}.info-content .highlight{background:#e0f7f4;padding:15px;border-radius:10px;border-left:4px solid #38ef7d;margin:20px 0;font-weight:500}.friendly-numbers-table{overflow-x:auto;margin-top:20px}.friendly-numbers-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.friendly-numbers-table thead{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.friendly-numbers-table th{padding:15px;text-align:left;font-weight:600;font-size:.95rem}.friendly-numbers-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0;font-size:.9rem}.friendly-numbers-table tbody tr:hover{background:#f5f7ff}.friendly-numbers-table tbody tr:last-child td{border-bottom:none}.soul-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.soul-type-box{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 3px 10px #00000014;transition:all .3s}.soul-type-box:hover{transform:translateY(-3px);box-shadow:0 5px 20px #11998e33}.soul-number{display:block;font-size:2rem;font-weight:700;color:#11998e;margin-bottom:10px}.soul-label{display:block;color:#555;font-weight:600;font-size:.95rem}.success-rate-box{padding:20px;border-radius:12px;margin:15px 0;box-shadow:0 3px 10px #00000014}.success-rate-box h4{margin:0 0 10px;font-size:1.1rem}.success-rate-box p{margin:0;font-size:1rem;font-weight:500;letter-spacing:.5px}.most-successful{background:linear-gradient(135deg,#d4fc79,#96e6a1);border-left:5px solid #4caf50}.successful{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-left:5px solid #f39c12}.least-successful{background:linear-gradient(135deg,#fab1a0,#ff7675);border-left:5px solid #e74c3c}.group-box{padding:20px;border-radius:12px;margin:15px 0;color:#fff;box-shadow:0 4px 15px #00000026}.group-box h4{margin:0 0 10px;font-size:1.2rem}.group-box p{margin:0;font-size:1rem;font-weight:500;letter-spacing:.5px}.water-group,.fire-group{background:linear-gradient(135deg,#11998e,#38ef7d)}.air-group{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.lucky-list{background:#fff;padding:25px 25px 25px 45px;border-radius:12px;box-shadow:0 3px 10px #0000000d;margin:15px 0}.lucky-list li{margin:10px 0;font-weight:500;color:#555}.aspects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.aspect-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #00000014;transition:all .3s;border-top:4px solid #11998e}.aspect-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #11998e33}.aspect-num{display:inline-block;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:1.5rem;font-weight:700;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.aspect-card p{margin:10px 0;color:#555;font-size:.9rem}.aspect-card .metal{color:#11998e;font-weight:600;margin-top:10px;font-size:.95rem}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.day-box{background:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 3px 10px #00000014;transition:all .3s;border-left:4px solid #11998e}.day-box:hover{transform:translateY(-2px);box-shadow:0 5px 15px #11998e33}.day-box strong{color:#11998e;display:block;margin-bottom:5px;font-size:1rem}.warning-box{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:2px solid #f39c12;padding:20px;border-radius:12px;margin:15px 0}.warning-box p{margin:0;color:#333;font-size:1rem;line-height:1.8}.warning-box strong{color:#e74c3c}@media (max-width: 768px){.numerology-content h1{font-size:2rem}.system-buttons{flex-direction:column}.system-btn{max-width:100%;min-width:auto}.intro-tab,.calculator-tab{padding:25px}.intro-card h2{font-size:1.6rem}.numerology-header{padding:25px}.header-card h2{font-size:1.6rem}.numerology-layout{grid-template-columns:1fr;gap:20px}.sidebar-card{padding:25px}.sidebar-card h2{font-size:1.5rem}.sidebar-card .numbers-grid{grid-template-columns:repeat(3,1fr);gap:10px}.calculator-card h2{font-size:1.6rem}.input-group{padding:20px}.button-group{flex-direction:column}.button-group .calculate-button{min-width:auto}.result-card{padding:25px}.result-number{font-size:4rem}.numbers-grid{grid-template-columns:repeat(3,1fr)}.soul-types-grid{grid-template-columns:repeat(2,1fr);gap:12px}.aspects-grid{grid-template-columns:1fr}.days-grid{grid-template-columns:repeat(2,1fr)}.numerology-guide-section{padding:30px 25px}.guide-title{font-size:1.8rem}}@media (max-width: 480px){.numerology-tabs{flex-direction:column}.tab-button{width:100%}.system-selector{padding:20px}.system-buttons{flex-direction:column;gap:10px}.system-btn{width:100%;max-width:100%;min-width:auto}.numerology-header{padding:20px 15px}.header-card h2{font-size:1.4rem}.numerology-layout{grid-template-columns:1fr;gap:15px}.sidebar-card{padding:20px 15px}.sidebar-card h2{font-size:1.3rem;margin-bottom:15px}.sidebar-card p{font-size:.9rem;margin-bottom:15px}.sidebar-card h3{font-size:1.1rem;margin:15px 0 10px}.sidebar-card .numbers-grid{grid-template-columns:repeat(2,1fr);gap:8px}.button-group{flex-direction:column;gap:10px}.button-group .calculate-button{width:100%;min-width:auto;font-size:1rem;padding:12px}.intro-steps{grid-template-columns:1fr}.numbers-grid{grid-template-columns:repeat(2,1fr);gap:10px}.number-box{padding:15px}.number-circle{width:50px;height:50px;font-size:1.5rem}.intro-tab,.calculator-tab{padding:20px 15px}.result-number{font-size:3rem}.result-card{padding:20px}.traits-list{gap:8px}.trait-badge{font-size:.85rem;padding:8px 14px}.info-sections{padding:20px 15px!important}.info-section{padding:20px 15px}.info-section h3{font-size:1.2rem}.soul-types-grid{grid-template-columns:1fr;gap:10px}.friendly-numbers-table{font-size:.85rem}.friendly-numbers-table th,.friendly-numbers-table td{padding:10px 8px;font-size:.8rem}.days-grid{grid-template-columns:1fr}.numerology-guide-section{padding:25px 15px}.guide-title{font-size:1.5rem}}.alphabet-tables{margin-top:15px}.alphabet-tables h4{color:#11998e;font-size:1.1rem;margin-bottom:12px;font-weight:600}.alphabet-grid{background:#f5f5f5;border-radius:10px;padding:15px;margin-bottom:15px}.alphabet-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.alphabet-row:last-child{margin-bottom:0}.alphabet-row span{background:#fff;padding:8px 12px;border-radius:5px;font-weight:600;color:#11998e;font-size:.9rem;border:1px solid #e0e0e0;min-width:45px;text-align:center}.associations-table{overflow-x:auto;margin-top:15px}.associations-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.associations-table th{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:12px;text-align:left;font-weight:600;font-size:.95rem}.associations-table td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#333}.associations-table tr:last-child td{border-bottom:none}.associations-table tr:hover{background:#f9f9f9}.associations-table td:first-child{font-weight:700;color:#11998e;font-size:1.1rem}.vibration-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.vibration-card{border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.vibration-card:hover{transform:translateY(-5px)}.vibration-card.water{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.vibration-card.fire{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.vibration-card.air{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.vibration-card h4{margin-bottom:12px;font-size:1.2rem}.vibration-card p{font-size:.95rem;line-height:1.6}.usage-list{list-style:none;padding:0;margin-top:15px}.usage-list>li{background:#f5f5f5;padding:15px;border-radius:10px;margin-bottom:15px;border-left:4px solid #11998e}.usage-list>li strong{color:#11998e;display:block;margin-bottom:8px;font-size:1.05rem}.usage-list ul{margin-top:10px;padding-left:20px}.usage-list ul li{margin-bottom:8px;color:#555;line-height:1.6}.intro-text{background:#fffacd;padding:15px;border-radius:10px;border-left:4px solid #ffd700;margin-bottom:25px;font-style:italic;color:#333}.double-digit-meanings{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:20px}.digit-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #0000001a;border-left:4px solid #11998e;transition:all .3s}.digit-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}.digit-num{display:inline-block;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:1.3rem;font-weight:700;padding:8px 16px;border-radius:8px;margin-bottom:12px}.digit-card p{color:#555;line-height:1.6;font-size:.9rem;margin:0}.warning-text{background:#fff3cd;padding:15px;border-radius:10px;border-left:4px solid #ffc107;margin-top:15px;color:#856404}.disclaimer .info-content{background:#e8f5e9;border-left:4px solid #4caf50}.disclaimer .info-content p{color:#2e7d32}.share-link{color:#11998e;font-weight:700;text-decoration:none;border-bottom:2px solid #11998e;transition:all .3s}.share-link:hover{color:#38ef7d;border-bottom-color:#38ef7d;text-shadow:0 0 8px rgba(56,239,125,.3)}@media (max-width: 768px){.alphabet-row{gap:6px}.alphabet-row span{min-width:38px;padding:6px 8px;font-size:.8rem}.associations-table{font-size:.85rem}.associations-table th,.associations-table td{padding:8px;font-size:.8rem}.vibration-groups,.double-digit-meanings{grid-template-columns:1fr}.usage-list>li{padding:12px}}.numerology-articles-section{margin-top:60px;padding:40px;background:#f9f9f9;border-radius:20px}.numerology-articles-section h2{color:#11998e;font-size:2.2rem;text-align:center;margin-bottom:40px;border-bottom:3px solid #38ef7d;padding-bottom:15px}.numerology-article{background:#fff;padding:35px;margin-bottom:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a;line-height:1.8}.numerology-article:last-child{margin-bottom:0}.numerology-article h3{color:#11998e;font-size:1.7rem;margin-bottom:20px;border-left:5px solid #38ef7d;padding-left:20px}.numerology-article p{color:#444;font-size:1.05rem;margin-bottom:18px;text-align:justify}.numerology-article ul{color:#444;font-size:1.05rem;margin:20px 0}.numerology-article ul li{margin-bottom:15px}.numerology-article strong{color:#11998e;font-weight:600}@media (max-width: 768px){.numerology-articles-section{padding:25px 15px;margin-top:40px}.numerology-articles-section h2{font-size:1.6rem}.numerology-article{padding:25px 20px}.numerology-article h3{font-size:1.4rem}.numerology-article p,.numerology-article ul{font-size:1rem}}.legal-page-container{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px}.back-button-legal{background:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;color:#11998e;font-weight:700;margin-bottom:30px}.back-button-legal:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.legal-content{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:50px;box-shadow:0 15px 50px #0003}.legal-content h1{color:#11998e;font-size:2.5rem;margin-bottom:10px;border-bottom:3px solid #11998e;padding-bottom:15px}.last-updated{color:#666;font-style:italic;margin-bottom:30px;font-size:.95rem}.legal-content section{margin-bottom:35px}.legal-content h2{color:#333;font-size:1.6rem;margin-bottom:15px;margin-top:30px}.legal-content h3{color:#444;font-size:1.3rem;margin-bottom:12px;margin-top:20px}.legal-content p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:15px}.legal-content ul{margin:15px 0;padding-left:30px}.legal-content li{color:#555;font-size:1rem;line-height:1.8;margin-bottom:10px}.legal-content strong{color:#333;font-weight:600}.legal-content a{color:#11998e;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s}.legal-content a:hover{border-bottom-color:#11998e}.contact-info{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #11998e;margin:20px 0}.contact-info a{font-weight:600}@media (max-width: 768px){.legal-content{padding:30px 20px}.legal-content h1{font-size:2rem}.legal-content h2{font-size:1.4rem}.legal-content h3{font-size:1.2rem}.legal-content p,.legal-content li{font-size:.95rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}#root{margin:0;padding:0}button{font-family:inherit}button:focus{outline:2px solid #11998e;outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}