@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4361ee;--primary-light:#4895ef;--secondary-color:#3a0ca3;--accent-color:#f72585;--success-color:#4cc9f0;--warning-color:#f9c74f;--error-color:#f94144;--text-light:#2b2d42;--text-dark:#f8f9fa;--bg-light:#f8f9fa;--bg-dark:#212529;--card-light:#fff;--card-dark:#2b2d42;--card-border:#0000001a;--transition:all 0.3s ease;--shadow:0 10px 20px #0000001a;--shadow-hover:0 15px 30px #00000026;--gradient:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.dark-mode{--text-color:var(--text-dark);--bg-color:var(--bg-dark);--card-bg:var(--card-dark);--card-border:#ffffff1a}.light-mode{--text-color:var(--text-light);--bg-color:var(--bg-light);--card-bg:var(--card-light);--card-border:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .3s ease;transition:var(--transition)}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#2575fc;padding:0 20px}.header-content{height:70px}.logo-title h1{font-size:1.5rem}.nav-link,.nav-menu{align-items:center;display:flex;gap:8px}.nav-link{background:#0000;border-radius:8px;font-size:1rem;padding:12px 20px;position:relative;text-decoration:none}.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-link-active{background:#4299e1;box-shadow:0 4px 12px #11b6e94d;color:#fff}.nav-link-active:hover{background:#3182ce;color:#fff}.nav-link-active:after{background:#fff;border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.mode-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:10px;padding:10px 16px;transition:all .3s ease}.mode-toggle:hover{background:#fff3;transform:translateY(-1px)}.dark-mode .app-header{background:#1a202c;box-shadow:0 2px 10px #0000004d}.dark-mode .nav-link{color:#a0aec0}.dark-mode .nav-link:hover{background:#ffffff0d;color:#fff}.dark-mode .nav-link-active{background:#2b6cb0;box-shadow:0 4px 12px #2b6cb066}.dark-mode .nav-link-active:hover{background:#2c5282}@media (max-width:768px){.app-header{padding:0 15px}.header-content{height:60px}.logo-title h1{font-size:1.3rem}.nav-menu{gap:6px}.nav-link{font-size:.9rem;padding:10px 16px}.mode-toggle{font-size:.85rem;margin-left:8px;padding:8px 12px}}@media (max-width:640px){.logo-title h1{font-size:1.2rem}.nav-link{font-size:.85rem;padding:8px 12px}.nav-menu{gap:4px}.mode-toggle{font-size:.8rem;margin-left:6px;padding:6px 10px}}@media (max-width:480px){.logo-title h1{font-size:1.1rem}.nav-link{font-size:.8rem;padding:6px 8px}.mode-toggle{font-size:.75rem;padding:5px 8px}}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem 2rem;width:100%}.card{animation:fadeIn .5s ease;background:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.8rem 2.2rem;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 15px 30px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-5px)}h2{color:#4361ee;color:var(--primary-color);font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.8rem;position:relative}h2:after{background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);border-radius:3px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.home-screen{width:100%}.hero-section{animation:gradient-background 15s ease infinite;background:linear-gradient(-45deg,#4361ee,#4895ef,#f72585,#7209b7);background:linear-gradient(-45deg,var(--primary-color,#4361ee),var(--primary-light,#4895ef),#f72585,#7209b7);background-size:400% 400%;border-radius:24px;box-shadow:0 20px 40px #4361ee40;margin-bottom:40px;overflow:hidden;padding:100px 20px;position:relative}@keyframes gradient-background{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-content h1{font-size:3.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.2rem;text-shadow:0 4px 12px #00000026}.hero-content p{font-size:1.35rem;line-height:1.6;margin-bottom:2.2rem;max-width:800px;opacity:.95;text-shadow:0 2px 6px #0000001a}.hero-btn{align-items:center;display:flex;font-size:1.15rem;font-weight:700;gap:10px;padding:16px 36px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-btn.primary{background:#fff;box-shadow:0 8px 24px #ffffff40;color:#4361ee;color:var(--primary-color,#4361ee)}.hero-btn.secondary{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:2.5px solid #fff9}.hero-btn:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-4px) scale(1.03)}.hero-btn.primary:hover{background:#f8f9fa;color:#4895ef;color:var(--primary-light,#4895ef)}.hero-btn.secondary:hover{background:#ffffff40;border-color:#fff}.seo-content-section{color:var(--text-color);line-height:1.7;margin:0 auto;max-width:1200px;padding:40px 20px}.seo-container h1{margin-bottom:20px}.seo-container h1,.seo-container h2{color:#4361ee;color:var(--primary-color)}.seo-container h2{border-bottom:2px solid #4361ee;border-bottom:2px solid var(--primary-color);font-size:2rem;font-weight:600;margin:40px 0 20px;padding-bottom:10px}.seo-container h3{color:#4361ee;color:var(--primary-color);font-size:1.5rem;font-weight:500;margin:30px 0 15px}.seo-intro{background:linear-gradient(135deg,#4361ee0d,#3a0ca30d);border-left:4px solid #4361ee;border-left:4px solid var(--primary-color);margin-bottom:30px}.seo-intro p{color:var(--text-color)}.benefits-grid,.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:25px 0}.benefit-card,.resource-card{background:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--card-border);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover,.resource-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.benefit-card h3,.resource-card h3{align-items:center;color:#4361ee;color:var(--primary-color);display:flex;gap:10px;margin-top:0}.benefit-card p,.resource-card p{color:var(--text-color);margin-bottom:0}.seo-tips ol,.seo-tips ul{margin-bottom:20px;margin-left:20px}.seo-tips li{color:var(--text-color);margin-bottom:10px}.faq-item{background:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--card-border);padding:20px}.faq-item h3{color:#4361ee;color:var(--primary-color);margin-top:0}.faq-item p{color:var(--text-color);margin-bottom:0}.seo-cta{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));margin-top:40px;padding:40px}.seo-cta h2{border-bottom:none;color:#fff}.cta-buttons{margin-top:30px}.cta-button{border-radius:8px}.cta-button.primary{background:#fff;color:#4361ee;color:var(--primary-color)}.cta-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.typing-test-screen{width:100%}.screen-header{gap:1rem;margin-bottom:2rem}.back-button{background:#4361ee;background:var(--primary-color);border-radius:50px;font-weight:500;padding:.7rem 1.2rem;transition:var(--transition)}.back-button:hover{background:#3a0ca3;background:var(--secondary-color);transform:translateY(-2px)}.level-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:start;margin-bottom:1.8rem}.level-buttons button{background:#f1f3f5;border:none;border-radius:30px;color:#495057;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.8rem;transition:all .3s ease}.level-buttons button.active,.level-buttons button:hover{background:linear-gradient(135deg,#490dee,#2575fc);box-shadow:0 4px 12px #4361ee4d;color:#fff;transform:translateY(-2px)}.custom-text-section{display:flex;flex-direction:column;gap:1rem}.custom-text-toggle{align-items:center;display:flex;gap:.5rem}.custom-text-input{display:flex;flex-direction:column;gap:1rem}.custom-text-input textarea{border:1px solid #dee2e6;border-radius:8px;font-family:inherit;padding:1rem;resize:vertical;width:100%}.apply-custom-text-btn{align-self:flex-start;background:#4361ee;background:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.apply-custom-text-btn:hover{background:#3a0ca3;background:var(--secondary-color);transform:translateY(-2px)}.typing-test{position:relative}.test-header{align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.test-header,.test-info{display:flex;flex-wrap:wrap}.test-info{gap:1.5rem}.stat-box{align-items:center;background:linear-gradient(135deg,var(--card-bg),#f8f9fa);border:1px solid #0000001a;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:.6rem;min-width:120px;padding:.6rem;transition:all .3s ease}.stat-box:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stat-content{display:flex;flex-direction:column}.stat-value{color:#4361ee;color:var(--primary-color);font-size:1.5rem;font-weight:700}.stat-label{color:#6c757d;font-size:.6rem;font-weight:500}.test-controls{flex-wrap:wrap;gap:.6rem}.new-text-btn,.test-controls{align-items:center;display:flex}.new-text-btn{background:#4361ee;background:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.new-text-btn:hover{background:#3a0ca3;background:var(--secondary-color);box-shadow:0 5px 15px #4361ee4d;transform:translateY(-2px)}.sound-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4361ee;background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.sound-label{color:var(--text-color);font-size:.9rem}.progress-container{margin-bottom:1.5rem}.progress-bar{background:#e9ecef;border-radius:5px;height:10px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);border-radius:5px;height:100%;position:relative;transition:width .5s ease}.progress-fill:after{animation:move 1s linear infinite;background-image:linear-gradient(-45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes move{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{color:#6c757d;font-size:.9rem;text-align:center}.quote-display{align-items:flex-start;background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-left:4px solid #4361ee;border-left:4px solid var(--primary-color);border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.2rem}.quote-icon{flex-shrink:0;font-size:1.5rem}.quote-text{color:#495057;font-style:italic;line-height:1.5}.text-display-container{border-radius:12px;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:border-color .3s ease}.text-display-container:hover{border-color:#4361ee;border-color:var(--primary-color)}.text-display-header{align-items:center;border-bottom:1px solid #dee2e6;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between;padding:.8rem 1rem}.character-count{color:#4361ee;color:var(--primary-color);font-weight:500}.text-display{background:#fff;font-family:Roboto Mono,monospace;font-size:1.3rem;line-height:1.8;min-height:180px;padding:1.5rem}.text-display span.correct{color:#2a9d8f}.text-display span.incorrect{background:#e639461a;border-radius:2px;color:#e63946;text-decoration:underline}.text-display span.current{animation:blink 1s infinite;background:#4361ee1a;border-radius:2px}@keyframes blink{0%{background:#4361ee1a}50%{background:#4361ee4d}to{background:#4361ee1a}}.input-container{margin-bottom:1rem;position:relative}.typing-input{background:#fff;border:2px solid #dee2e6;border-radius:12px;font-family:inherit;font-size:1.1rem;min-height:120px;padding:1.2rem;resize:vertical;transition:all .3s ease;width:100%}.typing-input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33;outline:none}.typing-input:read-only{background:#f8f9fa;opacity:.8}.hidden-input{border:none;height:0;opacity:0;outline:none;position:absolute;width:0}.finish-test-container{bottom:10px;position:absolute;right:10px;z-index:10}.finish-test-btn{align-items:center;background:#f72585;background:var(--accent-color);border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.finish-test-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.finish-test-btn:hover:not(:disabled){box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.keyboard-hint{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;display:flex;gap:.5rem;padding:.8rem}.hint-icon{font-size:1.2rem}.keyboard-hint p{color:#856404;font-size:.9rem;margin:0}.test-complete-overlay{align-items:center;background:#fffffff2;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.test-complete-message{padding:2rem;text-align:center}.complete-icon{animation:bounce 1s infinite;font-size:3rem;margin-bottom:1rem}.test-complete-message h3{color:#4361ee;color:var(--primary-color);margin-bottom:.5rem}.test-complete-message p{color:#6c757d}.loading-section{padding:3rem;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4361ee;border-top:5px solid var(--primary-color);height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-screen{width:100%}.results-section{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.result-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.result-card{animation:popIn .5s ease;background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);border-radius:16px;box-shadow:0 10px 20px #4361ee33;color:#fff;padding:1.5rem;text-align:center;transition:all .3s ease;transition:var(--transition)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-card:first-child{animation-delay:.1s}.result-card:nth-child(2){animation-delay:.2s}.result-card:nth-child(3){animation-delay:.3s}.result-card:nth-child(4){animation-delay:.4s}.result-card:hover{box-shadow:0 15px 30px #4361ee4d;transform:translateY(-5px)}.result-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.result-label{font-size:.9rem;opacity:.9}.results-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.improvement-tip{background:#fff3cd;border-left:4px solid #ffc107;border-radius:12px;padding:1.5rem}.improvement-tip h3{color:#856404;margin-bottom:.5rem}.improvement-tip p{color:#856404}.missed-keys{background:#f8f9fa;border-radius:12px;padding:1.5rem}.missed-keys h3{color:var(--text-color);margin-bottom:1rem}.missed-keys-list{display:flex;flex-wrap:wrap;gap:.5rem}.key-tag{background:#4361ee;background:var(--primary-color);border-radius:50px;color:#fff;font-size:.9rem;padding:.3rem .8rem}.badges-earned{margin-bottom:2rem}.badges-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.badge{align-items:center;animation:slideIn .5s ease;background:#4361ee;background:var(--primary-color);border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease;transition:var(--transition)}.badge:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-3px) scale(1.05)}.badge-icon{font-size:1.2rem}.badge-name{font-size:.9rem;font-weight:500}.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.try-again-btn{background:#f72585;background:var(--accent-color);border:none;border-radius:50px;box-shadow:0 5px 15px #f725854d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.try-again-btn:hover{box-shadow:0 8px 20px #f7258566;transform:translateY(-3px) scale(1.05)}.view-stats-btn{background:#4361ee;background:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.view-stats-btn:hover{background:#3a0ca3;background:var(--secondary-color);transform:translateY(-3px)}.statistics-screen{width:100%}.statistics-section h2{text-align:start}.personal-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{background:var(--card-bg);border:1px solid #0000001a;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-item:hover{box-shadow:0 10px 20px #2e21211a;transform:translateY(-5px)}.stat-item .stat-value{color:#4361ee;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item .stat-label{color:#6c757d;font-size:.9rem}.stats-filters{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.stats-filters button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:25px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.4rem;transition:all .3s ease}.stats-filters button:hover{background:#e9ecef;border-color:#adb5bd}.stats-filters button.active{background:linear-gradient(135deg,#490dee,#2575fc);border-color:#0000;box-shadow:0 4px 12px #4361ee4d;color:#fff;transform:translateY(-2px)}.chart-container{height:300px;margin-bottom:2rem}.chart-container h3{margin-bottom:1rem;text-align:center}.level-distribution{margin-bottom:2rem}.distribution-bars{display:flex;flex-direction:column;gap:1rem}.distribution-item{align-items:center;display:flex;gap:1rem}.level-name{font-weight:500;min-width:100px}.distribution-bar{background:#e9ecef;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.distribution-fill{height:100%;transition:width .5s ease}.level-count{color:#6c757d;min-width:80px;text-align:right}.recent-tests{margin-bottom:2rem}.tests-table{border:1px solid #0000001a;border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.table-header{background:#4361ee;background:var(--primary-color);color:#fff;display:grid;font-weight:600;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:1rem}.table-body{max-height:400px;overflow-y:auto}.table-row{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--card-border);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:1rem;transition:all .3s ease;transition:var(--transition)}.table-row:hover{background:#4361ee0d}.table-row:last-child{border-bottom:none}.wpm-value.good{color:#2a9d8f;font-weight:600}.wpm-value.average{color:#f9c74f;font-weight:600}.wpm-value.poor{color:#e63946;font-weight:600}.accuracy-value.good{color:#2a9d8f;font-weight:600}.accuracy-value.average{color:#f9c74f;font-weight:600}.accuracy-value.poor{color:#e63946;font-weight:600}.level-badge{border-radius:50px;font-size:.8rem;font-weight:500;padding:.3rem .8rem;text-align:center}.level-badge.beginner{background:#6c757d;color:#fff}.level-badge.intermediate{background:#17a2b8;color:#fff}.level-badge.expert{background:#dc3545;color:#fff}.achievement-progress,.badges-section{margin-top:2rem}.progress-items{display:flex;flex-direction:column;gap:1rem}.progress-item{align-items:center;display:flex;gap:1rem}.progress-label{font-weight:500;min-width:200px}.progress-item .progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-item .progress-fill{background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#4361ee;color:var(--primary-color);font-weight:500;min-width:100px;text-align:right}.no-data{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.app-footer{background:linear-gradient(135deg,#4361ee,#4895ef);background:var(--gradient);padding:2rem 0}.footer-content{padding:0 2rem}.footer-main{align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.footer-brand h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{color:#fffc;margin:0}.footer-links{gap:1.5rem}.footer-link{font-size:1rem;padding:.5rem 0;position:relative;transition:all .3s ease}.footer-link:after{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover:after{width:100%}.footer-bottom{border-top:1px solid #fff3;padding-top:1.5rem}.footer-bottom p{color:#ffffffb3}.ad-banner{background:#00000008;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;min-height:90px;overflow:hidden;width:100%}.ad-banner ins{max-width:728px;width:100%}.ad-container{display:flex;justify-content:center;margin-top:1rem}.ad-container ins{border-radius:8px;max-width:728px;overflow:hidden;width:100%}.modal-overlay{align-items:center;animation:fadeIn .3s ease;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000;z-index:999}.modal-content{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0003;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#490dee,#2575fc);color:#fff;display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.modal-header-content{gap:.8rem}.modal-close,.modal-icon{font-size:1.5rem}.modal-close{background:#0000;border:none;color:#fff;cursor:pointer;transition:transform .2s}.modal-close:hover{transform:scale(1.2)}.modal-body{color:#333;padding:2rem}.premium-hero{margin-bottom:2rem;text-align:center}.premium-hero h3{color:#2575fc;font-size:1.5rem}.premium-hero p{color:#555}.steps-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step{background:#f9f9f9;border-radius:15px;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s}.step:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.step-number{background:#2575fc;height:35px;width:35px}.step-content h4{color:#333;margin:0 0 .5rem}.tips-section{margin-top:2rem}.tips-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.tip-card{background:#f1f5ff;border-radius:12px;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.tip-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tip-icon{font-size:1.5rem;margin-bottom:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.premium-modal{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.dark-mode .premium-modal{background:linear-gradient(135deg,#2b2d42,#1a1c2d);border:1px solid #ffffff1a}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:20px 20px 0 0;color:#fff;padding:2rem}.modal-header-content{align-items:center;display:flex;gap:1rem}.modal-icon{border-radius:50%;font-size:2.5rem;height:60px;width:60px}.modal-icon,.premium-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;display:flex;justify-content:center}.premium-close{border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.8rem;height:40px;transition:all .3s ease;width:40px}.premium-close:hover{background:#ffffff4d;transform:rotate(90deg)}.premium-content{padding:2rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.nav-menu{gap:.5rem}.nav-link{font-size:.8rem;padding:.5rem 1rem}.main-content{padding:1rem}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-btn{justify-content:center;max-width:300px;width:100%}.screen-header,.test-header{align-items:stretch;flex-direction:column}.test-controls,.test-info{justify-content:center}.results-details{grid-template-columns:1fr}.text-display{font-size:1.1rem;padding:1rem}.typing-input{font-size:1rem}.personal-stats,.result-cards{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{font-size:.8rem;grid-template-columns:1fr 1fr}.footer-main{flex-direction:column;text-align:center}.footer-links{justify-content:center}.seo-container h1{font-size:2rem}.seo-container h2{font-size:1.7rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}.benefits-grid,.resources-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-header h1{font-size:1.5rem}.card{padding:1rem}.level-btn{font-size:.9rem;padding:.6rem 1rem}.test-info{align-items:center;flex-direction:column}.test-info>div{width:100%}.personal-stats,.result-cards{grid-template-columns:1fr}.nav-menu{flex-direction:column;width:100%}.nav-link{text-align:center;width:100%}.seo-content-section{padding:20px 10px}.seo-container h1{font-size:1.8rem}.seo-intro{padding:15px}.seo-intro p{font-size:1rem}}#mobile-keyboard-prompt{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.start-now-indicator{animation:bounce 2s infinite;left:0;pointer-events:none;position:absolute;top:0;z-index:5}.start-now-text{background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:700;padding:8px 12px;position:relative}.start-now-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #a777e3;bottom:-8px;height:0;left:15px;position:absolute;width:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.dark-mode .seo-intro{background:linear-gradient(135deg,#4361ee1a,#3a0ca31a)}.dark-mode .benefit-card,.dark-mode .faq-item,.dark-mode .resource-card{background:#2b2d42;background:var(--card-dark);border:1px solid #ffffff1a}.dark-mode .text-display,.dark-mode .typing-input{background:#2b2d42;background:var(--card-dark)}.dark-mode .typing-input{border-color:#0000001a;border-color:var(--card-border);color:#f8f9fa;color:var(--text-dark)}.app-footer{background:#2575fc;color:#fff;margin-top:auto;padding:20px 20px 15px}.footer-content{margin:0 auto;max-width:1200px}.footer-main{align-items:flex-center;display:flex;gap:40px;justify-content:space-between;margin-bottom:20px}.footer-left{flex:0 0 auto}.social-links-column{display:flex;flex-direction:row;gap:12px}.social-link{align-items:center;border-radius:8px;color:#fff;display:flex;gap:12px;min-width:160px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.social-link:hover{background:#ffffff1a;transform:translateX(5px)}.social-link svg{color:#fff;flex-shrink:0;height:20px;width:20px}.social-link span{font-size:.9rem;font-weight:500}.social-link.facebook{background-color:#1877f2;border-left:4px solid #166fe5}.social-link.youtube{background-color:red;border-left:4px solid #e60000}.social-link.linkedin{background-color:#0077b5;border-left:4px solid #00669c}.social-link.email{background-color:#34a853;border-left:4px solid #2e8b47}.social-link.facebook:hover{background-color:#166fe5}.social-link.youtube:hover{background-color:#e60000}.social-link.linkedin:hover{background-color:#00669c}.social-link.email:hover{background-color:#2e8b47}.footer-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;text-align:center}.footer-brand h3{font-size:1.6rem;font-weight:700;margin-bottom:6px}.footer-brand p{font-size:.95rem;margin-bottom:0;opacity:.9}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.footer-link{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.footer-link:hover{background:#ffffff1a;transform:translateY(-1px)}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:20px;text-align:center}.footer-bottom p{font-size:.85rem;margin:0;opacity:.8}.dark-mode .app-footer{background:#1a202c}@media (max-width:768px){.app-footer{padding:18px 15px 12px}.footer-main{flex-direction:column;gap:30px;text-align:center}.footer-center,.footer-left{width:100%}.social-links-column{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.social-link{flex-direction:column;gap:6px;min-width:auto;padding:8px 12px;text-align:center}.social-link span{font-size:.8rem}.footer-links{gap:15px}.footer-link{font-size:.9rem;padding:6px 12px}.footer-brand h3{font-size:1.4rem}.footer-brand p{font-size:.9rem}}@media (max-width:480px){.app-footer{padding:15px 12px 10px}.social-links-column{gap:8px}.social-link{min-width:70px;padding:6px 10px}.social-link span{font-size:.75rem}.footer-links{gap:10px}.footer-link{font-size:.85rem;padding:5px 10px}}.about-hero{border-radius:15px;color:#fff;margin-bottom:40px;padding:40px 20px;text-align:center}.hero-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:800px}.stat-item h3{font-size:2.5rem;font-weight:700;margin:0}.stat-item p{margin:5px 0 0;opacity:.9}.mission-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:25px 0}.mission-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:20px}.mission-card h3{color:#2c3e50;margin-top:0}.features-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:25px 0}.feature-card{background:#fff;border-radius:10px;border-top:4px solid #e74c3c;box-shadow:0 5px 15px #0000001a;padding:25px}.feature-card h3{color:#2c3e50;margin-top:0}.feature-card ul{padding-left:20px}.feature-card li{color:#7f8c8d;margin-bottom:5px}.process-steps{margin:30px 0}.step{align-items:flex-start;background:#f8f9fa;border-radius:10px;display:flex;margin-bottom:30px;padding:20px}.step-content h3{margin-top:0}.tech-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.tech-item{background:#e8f4fc;border-radius:8px;padding:20px}.tech-item h4{color:#2980b9;margin-top:0}.user-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:25px 0}.user-category{background:#f0f8ff;border-left:4px solid #9b59b6;border-radius:8px;padding:20px}.user-category h3{color:#8e44ad;margin-top:0}.version-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:20px 0}.version-details p{margin:10px 0}.update-highlights ul{padding-left:20px}.resources-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:25px 0}.resource-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:25px}.resource-card h3{color:#2c3e50;margin-top:0}.about-cta{background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:15px;color:#fff;margin:40px 0;padding:40px;text-align:center}.cta-buttons{gap:15px;margin-top:20px}.cta-button{border-radius:25px;font-size:1rem;padding:12px 30px}.faq-categories{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.category-btn{background:#fff;border:2px solid #3498db;border-radius:25px;color:#3498db;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.category-btn.active,.category-btn:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.faq-items{margin:30px 0}.faq-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;overflow:hidden}.faq-question{align-items:center;background:#f8f9fa;border:none;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:20px;text-align:left;transition:background .3s ease;width:100%}.faq-question:hover{background:#e9ecef}.faq-toggle{transition:transform .3s ease}.faq-toggle.open{transform:rotate(180deg)}.faq-answer{background:#fff;border-top:1px solid #e9ecef;padding:20px}.faq-resources{margin:40px 0}.support-section{background:#f8f9fa;border-radius:10px;margin:40px 0;padding:30px}.support-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:25px}.support-option{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.support-option h3{color:#2c3e50;margin-top:0}.internal-link{border-bottom:1px dotted #2980b9;color:#2980b9;font-weight:600;text-decoration:none;transition:all .2s ease}.internal-link:hover{border-bottom:1px solid #1a5276;color:#1a5276}.external-link{border-bottom:1px dotted #27ae60;font-weight:600;transition:all .2s ease}.external-link:hover{border-bottom:1px solid #219653}.seo-footer{background:#2c3e50;border-radius:10px;color:#fff;margin-top:40px;padding:30px}.seo-footer h3{color:#ecf0f1;margin-top:0}.keyword-tags{margin-top:20px}.keyword-tags span{background:#ffffff1a;border-radius:15px;font-size:.85rem;padding:5px 12px}.header-subtitle{color:#7f8c8d;font-size:1.1rem;font-style:italic;margin-top:0}@media (max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.version-info{grid-template-columns:1fr}.cta-buttons{align-items:center}.cta-buttons,.faq-categories{flex-direction:column}.support-options{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}.step-number{margin-bottom:15px;margin-right:0}}.modern-contact{background:linear-gradient(135deg,#667eea,#8d9ee4);min-height:100vh}.modern-contact .screen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;margin-bottom:0}.modern-contact .screen-content{background:#0000;padding:0}.modern-contact-layout{margin:0 auto;max-width:1400px;padding:40px 20px}.contact-main-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.section-header{margin-bottom:40px;text-align:center}.section-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000001a}.section-header p{color:#ffffffe6;font-size:1.2rem;margin:0}.stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:50px 30px}.stats-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.stat-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:40px 30px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#1e20ac);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;line-height:1}.stat-label{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:8px}.stat-description{color:#7f8c8d;font-size:1rem;line-height:1.4}.contact-methods-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:50px 30px}.contact-methods-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.contact-method{align-items:center;background:#fffffff2;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;gap:20px;padding:30px;text-decoration:none;transition:all .3s ease}.contact-method:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.method-icon{align-items:center;border-radius:15px;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.contact-method.email .method-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.contact-method.youtube .method-icon{background:linear-gradient(135deg,red,#c00)}.contact-method.facebook .method-icon{background:linear-gradient(135deg,#1877f2,#166fe5)}.contact-method.linkedin .method-icon{background:linear-gradient(135deg,#0077b5,#00669c)}.method-icon svg{height:30px;width:30px}.method-content{flex:1 1}.method-content h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 5px}.method-content p{color:#7f8c8d;font-size:1rem;margin:0 0 10px}.method-tag{background:#e8f4fc;border-radius:12px;color:#3498db;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.seo-content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:50px 30px}.content-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:40px}.content-card h2{color:#2c3e50;font-size:2rem;font-weight:700}.content-card h2,.content-text p{margin-bottom:25px;text-align:center}.content-text p{color:#5a6c7d;font-size:1.1rem;line-height:1.7}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.feature{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:20px;text-align:center}.feature strong{color:#2c3e50;display:block;font-size:1.1rem;margin-bottom:5px}.feature span{color:#7f8c8d;font-size:.9rem}.quick-links-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px 30px}.quick-links-section .content-card{padding:30px}.quick-links-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.quick-links{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link{background:#3498db;border-radius:10px;color:#fff;font-weight:600;padding:15px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#2980b9;transform:translateY(-2px)}@media (max-width:1024px){.section-header h2{font-size:2rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-methods-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.modern-contact-layout{padding:20px 15px}.section-header h2{font-size:1.8rem}.section-header p{font-size:1.1rem}.contact-methods-section,.quick-links-section,.seo-content-section,.stat-card,.stats-section{padding:30px 20px}.stat-number{font-size:2.5rem}.contact-method{padding:25px 20px}.method-icon{height:60px;width:60px}.content-card{padding:30px 20px}.content-card h2{font-size:1.6rem}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.section-header h2{font-size:1.5rem}.contact-methods-grid,.stats-cards{grid-template-columns:1fr}.contact-method{flex-direction:column;gap:15px;text-align:center}.quick-links{grid-template-columns:1fr}.stat-number{font-size:2rem}}.home-screen{margin:0 auto;max-width:1200px;padding:20px}.hero-section{background:linear-gradient(135deg,#667eea,#1612e8);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:60px;padding:80px 40px;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-content p{font-size:1.3rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.hero-btn{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.hero-btn.primary{background:#e74c3c;color:#fff}.hero-btn.primary:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.hero-btn.secondary{background:#0000;border:2px solid #fff;color:#fff}.hero-btn.secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.seo-content-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:40px;padding:50px}.seo-container h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.seo-intro{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;margin-bottom:40px;padding:25px}.seo-intro p{color:#5a6c7d;font-size:1.2rem;line-height:1.7;margin:0}.stats-highlight{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:40px 0}.stat-item{border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#000;padding:30px 20px;text-align:center}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:10px}.stat-label{font-size:1rem;opacity:.9}.benefits-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:40px 0}.benefit-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:30px;transition:transform .3s ease}.benefit-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.benefit-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:15px}.benefit-card p{color:#5a6c7d;line-height:1.6;margin:0}.process-steps{margin:40px 0}.process-step{align-items:flex-start;background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;display:flex;margin-bottom:30px;padding:25px}.step-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.step-content h3{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.step-content p{color:#5a6c7d;line-height:1.6;margin:0}.typing-tips-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px 0}.tip-category{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:25px}.tip-category h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.tip-category ul{margin:0;padding-left:20px}.tip-category li{color:#5a6c7d;line-height:1.5;margin-bottom:8px}.speed-standards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:40px 0}.speed-level{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:25px;text-align:center}.speed-level h3{color:#2c3e50;font-size:1.1rem;margin-bottom:10px}.speed-range{color:#3498db;font-size:1.5rem;font-weight:700;margin-bottom:10px}.speed-level p{color:#5a6c7d;font-size:.9rem;margin:0}.faq-section{margin:40px 0}.faq-item{background:#fff;border:1px solid #e1e5e9;border-radius:10px;margin-bottom:20px;padding:25px}.faq-item h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.faq-item p{color:#5a6c7d;line-height:1.6;margin:0}.resources-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px 0}.resource-category{background:#f8f9fa;border-radius:10px;padding:25px}.resource-category h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.resource-category ul{margin:0;padding-left:20px}.resource-category li{color:#5a6c7d;line-height:1.5;margin-bottom:10px}.inline-link{background:none;border:none;color:#3498db;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.inline-link:hover{color:#2980b9}.external-link{color:#27ae60;font-weight:500;text-decoration:none}.external-link:hover{color:#219653;text-decoration:underline}.text-link{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:.9rem;padding:0}.text-link:hover{color:#3498db;text-decoration:underline}.seo-cta{background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:15px;color:#fff;margin:50px 0;padding:50px;text-align:center}.seo-cta h2{font-size:2rem;margin-bottom:20px}.seo-cta p{font-size:1.1rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.cta-button{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.cta-button.primary{background:#e74c3c;color:#fff}.cta-button.primary:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button.secondary:hover{background:#fff;color:#2c3e50;transform:translateY(-2px)}.additional-links{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.additional-links span{opacity:.5}.seo-keywords{background:#f8f9fa;border-radius:10px;margin-top:40px;padding:30px}.seo-keywords h3{color:#2c3e50;font-size:1.2rem;margin-bottom:20px;text-align:center}.keyword-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.keyword-tags span{background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#5a6c7d;font-size:.9rem;padding:8px 16px}@media (max-width:768px){.home-screen{padding:10px}.hero-section{padding:50px 20px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}.seo-content-section{padding:30px 20px}.seo-container h1{font-size:1.8rem}.process-step{flex-direction:column;text-align:center}.step-number{margin-bottom:15px;margin-right:0}.stats-highlight{grid-template-columns:1fr}.cta-buttons,.hero-buttons{align-items:center;flex-direction:column}.cta-button,.hero-btn{max-width:300px;width:100%}}@media (max-width:480px){.hero-content h1{font-size:1.6rem}.seo-container h1{font-size:1.5rem}.benefits-grid,.resources-section,.speed-standards,.typing-tips-section{grid-template-columns:1fr}.seo-cta{padding:30px 20px}.seo-cta h2{font-size:1.5rem}}.App{overflow-x:hidden;position:relative}.App:after,.App:before{border-radius:50%;content:"";filter:blur(120px);height:50vw;opacity:.12;pointer-events:none;position:fixed;transition:background 1s ease;width:50vw;z-index:-2}.App:before{animation:drift-orb-one 20s ease-in-out infinite alternate;background:radial-gradient(circle,#4361ee 0,#0000 80%);background:radial-gradient(circle,var(--primary-color) 0,#0000 80%);left:-10%;top:-10%}.App:after{animation:drift-orb-two 25s ease-in-out infinite alternate;background:radial-gradient(circle,#4895ef 0,#0000 80%);background:radial-gradient(circle,var(--primary-light,#764ba2) 0,#0000 80%);bottom:-10%;right:-10%}.dark-mode.App:after,.dark-mode.App:before{opacity:.08}@keyframes drift-orb-one{0%{transform:translate(0) scale(1)}50%{transform:translate(10vw,5vh) scale(1.1)}to{transform:translate(-5vw,15vh) scale(.95)}}@keyframes drift-orb-two{0%{transform:translate(0) scale(.9)}50%{transform:translate(-12vw,-10vh) scale(1.05)}to{transform:translate(8vw,5vh) scale(.95)}}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3!important;border:1px solid #fff6!important;box-shadow:0 8px 32px #0000000d!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}.dark-mode .card{background:#1e1e1eb3!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0003!important}.card:hover{border-color:rgba(#4361ee,.2)!important;border-color:rgba(var(--primary-color),.2)!important;box-shadow:0 12px 40px #00000014!important;transform:translateY(-2px)}.text-display span.current{animation:caret-pulse 1s ease-in-out infinite!important;background:#4361ee0f!important;border-left:3px solid #4361ee!important;border-left:3px solid var(--primary-color)!important;margin-left:-3px;position:relative}@keyframes caret-pulse{0%,to{border-left-color:#4361ee;border-left-color:var(--primary-color)}50%{border-left-color:#0000}}.particle-container{height:100%;left:0;overflow:visible;top:0;width:100%;z-index:100}.particle-container,.typing-particle{pointer-events:none;position:absolute}.typing-particle{animation:float-particle .8s cubic-bezier(.25,.8,.25,1) forwards;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}@keyframes float-particle{0%{opacity:1;transform:translate(0) scale(.5)}50%{opacity:.8}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2)}}.combo-container{margin-left:auto}.combo-badge,.combo-container{align-items:center;display:flex}.combo-badge{animation:combo-pop .3s cubic-bezier(.175,.885,.32,1.275);background:#4361ee14;border:1.5px solid #4361ee;border:1.5px solid var(--primary-color);border-radius:30px;box-shadow:0 4px 15px #4361ee26;color:#4361ee;color:var(--primary-color);font-size:.9rem;font-weight:800;gap:6px;letter-spacing:.5px;padding:6px 14px;transition:all .3s ease}.combo-badge.super{animation:combo-pop .3s cubic-bezier(.175,.885,.32,1.275),combo-glow .8s ease-in-out infinite alternate;background:#ff922b1f;border-color:#ff922b;box-shadow:0 4px 20px #ff922b4d;color:#ff922b}.combo-badge.mega{animation:combo-pop .3s cubic-bezier(.175,.885,.32,1.275),combo-shake .12s infinite;background:linear-gradient(135deg,#ff6b6b,#ff922b);border:none;box-shadow:0 4px 25px #ff6b6b80;color:#fff;padding:7px 16px}.combo-flame{animation:flame-wag .5s ease-in-out infinite alternate;display:inline-block;font-size:1.1em}@keyframes combo-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes combo-glow{0%{box-shadow:0 4px 10px #ff922b33}to{box-shadow:0 4px 20px #ff922b80}}@keyframes combo-shake{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(1.5px,1px) rotate(1deg)}50%{transform:translate(-1px,-1.5px) rotate(-1deg)}75%{transform:translate(1px,-1px) rotate(.5deg)}}@keyframes flame-wag{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(10deg)}}.sound-selector-container{display:flex;flex-direction:column;gap:6px;margin-top:10px}.sound-profile-label{color:#6c757d;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sound-capsules{background:#f1f3f5;border:1px solid #e9ecef;border-radius:50px;display:flex;gap:5px;padding:4px}.dark-mode .sound-capsules{background:#1a1a1a;border-color:#2a2a2a}.sound-capsule-btn{background:#0000;border:none;border-radius:50px;color:#495057;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.dark-mode .sound-capsule-btn{color:#a0a0a0}.sound-capsule-btn.active,.sound-capsule-btn:hover{color:#4361ee;color:var(--primary-color)}.sound-capsule-btn.active{background:#fff;box-shadow:0 2px 8px #00000014}.dark-mode .sound-capsule-btn.active{background:#2d2d2d;box-shadow:0 2px 8px #0003;color:#fff}.zen-mode-active .app-footer,.zen-mode-active .app-header,.zen-mode-active .custom-text-section,.zen-mode-active .keyboard-hint,.zen-mode-active .lessons-educational-guide,.zen-mode-active .practice-settings,.zen-mode-active .progress-container,.zen-mode-active .stats-educational-guide,.zen-mode-active .typing-test-educational-guide,.zen-mode-active .virtual-keyboard{display:none!important}.zen-mode-active .main-content{padding-bottom:5vh;padding-top:5vh}.zen-workspace{margin:0 auto;max-width:900px!important;transition:all .5s ease}.zen-mode-active .typing-test.card{background:#ffffffe6!important;border-color:#4361ee!important;border-color:var(--primary-color)!important;box-shadow:0 0 40px rgba(#4361ee,.15)!important;box-shadow:0 0 40px rgba(var(--primary-color),.15)!important;padding:40px!important}.dark-mode.zen-mode-active .typing-test.card{background:#141414e6!important}.zen-exit-banner{align-items:center;background:#00000008;border-radius:8px;color:#666;display:flex;font-size:.85em;justify-content:space-between;margin-bottom:25px;padding:10px 20px}.dark-mode .zen-exit-banner{background:#ffffff08;color:#aaa}.zen-exit-btn{background:#0000;border:1px solid #ccc;border-radius:4px;color:inherit;cursor:pointer;padding:4px 12px;transition:all .2s ease}.zen-exit-btn:hover{background:#fa5252;border-color:#fa5252;color:#fff}.zen-toggle-btn{align-items:center;background:#0000;border:2px solid #dee2e6;border-radius:50px;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.dark-mode .zen-toggle-btn{border-color:#444;color:#aaa}.zen-toggle-btn.active,.zen-toggle-btn:hover{background:#4361ee0d;border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color)}.app-header{background:linear-gradient(135deg,#667eea,#1612e8);box-shadow:0 2px 10px #0000001a;color:#fff;min-height:60px;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.header-content,.logo-title{align-items:center;display:flex}.logo-title{gap:10px}.app-logo{border-radius:50%;height:35px;width:35px}.logo-title h1{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.desktop-nav{align-items:center;display:flex;gap:1rem}.nav-link{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.nav-link-active{background:#fff3;font-weight:600}.mobile-menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:44px;justify-content:space-between;padding:8px;width:44px;z-index:1002}.mobile-menu-toggle span{background-color:#fff;border-radius:3px;display:block;height:4px;transition:all .3s ease;width:30px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-nav-menu{background:linear-gradient(135deg,#667eea,#1612e8);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 25px #0000004d;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:20px;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.mobile-nav-open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav{display:flex;flex-direction:column;padding:.5rem 0}.mobile-nav-link{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;min-height:50px;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.mobile-nav-link:hover{background:#ffffff1a}.mobile-nav-link:active{background:#fff3}.mobile-nav-link-active{background:#ffffff26;font-weight:600}.mobile-menu-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:999}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.logo-title h1{font-size:1.1rem}.app-logo{height:30px;width:30px}.mobile-menu-toggle{height:48px;padding:10px;width:48px}.mobile-menu-toggle span{height:4px;width:32px}.mobile-nav-menu{min-width:180px;right:15px}.mobile-nav-link{font-size:1.1rem;padding:1.1rem 1.5rem}}@media (max-width:480px){.app-header{min-height:55px}.mobile-menu-overlay{top:55px}.mobile-menu-toggle{height:50px;padding:12px;width:50px}.mobile-menu-toggle span{height:4px;width:34px}.mobile-nav-menu{min-width:160px;right:10px}.mobile-nav-link{font-size:1rem;min-height:55px;padding:1.2rem 1.5rem}.logo-title h1{font-size:1rem}}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-nav-link{-webkit-tap-highlight-color:rgba(255,255,255,.3)}.theme-picker{background:#ffffff26;border-radius:20px;display:flex;gap:6px;margin-left:10px;padding:4px 8px}.theme-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:16px;padding:0;transition:all .2s ease;width:16px}.theme-dot:hover{transform:scale(1.25)}.theme-dot.active{border-color:#fff;box-shadow:0 0 6px #fff9;transform:scale(1.15)}.mobile-theme-picker{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.theme-label{color:#fff;font-size:.9rem;font-weight:500}.theme-dots{display:flex;gap:8px}.screen-container{margin:0 auto;max-width:1200px;padding:20px}.screen-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.dark-mode .screen-header{border-bottom-color:#444}.back-button{background:#007bff;border-radius:5px;margin-right:20px}.back-button:hover{background:#0056b3}.screen-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.dark-mode .screen-content{background:#2d2d2d;color:#fff}.about-section{margin-bottom:30px}.about-section h3{color:#007bff;margin-bottom:15px}.about-section ul{padding-left:20px}.about-section li{margin-bottom:8px}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-info h3{color:#007bff;margin-bottom:15px}.contact-details{margin-top:20px}.contact-item{margin-bottom:10px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#3d3d3d;border-color:#555;color:#fff}.submit-button{align-self:flex-start;background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px}.submit-button:hover{background:#218838}.privacy-section,.terms-section{margin-bottom:25px}.privacy-section h3,.terms-section h3{color:#007bff;margin-bottom:10px}.privacy-update,.terms-update{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}.dark-mode .privacy-update,.dark-mode .terms-update{border-top-color:#555}@media (max-width:768px){.screen-container{padding:10px}.screen-header{align-items:flex-start;flex-direction:column}.back-button{margin-bottom:15px;margin-right:0}.screen-content{padding:20px}.contact-content{gap:20px;grid-template-columns:1fr}.privacy-intro,.terms-intro{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:30px;padding:20px}.dark-mode .privacy-intro,.dark-mode .terms-intro{background:#3d3d3d}.privacy-section h3,.terms-section h3{align-items:center;color:#007bff;display:flex;gap:10px;margin-bottom:15px}.privacy-section ul,.terms-section ul{margin:10px 0;padding-left:25px}.privacy-section li,.terms-section li{line-height:1.5;margin-bottom:8px}.privacy-section strong,.terms-section strong{color:#495057}.dark-mode .privacy-section strong,.dark-mode .terms-section strong{color:#e9ecef}.terms-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:30px;padding:20px}.dark-mode .terms-notice{background:#3d2d1d;border-color:#66512c}.privacy-section,.terms-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.dark-mode .privacy-section,.dark-mode .terms-section{border-bottom-color:#495057}.privacy-section:last-child,.terms-section:last-child{border-bottom:none;margin-bottom:0}}.typing-lessons{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.screen-header{align-items:center;display:flex;justify-content:start;margin-bottom:20px;padding:0 10px}.back-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#5a6fd8;transform:translateY(-1px)}.screen-header h2{color:#333;font-size:1.8em;margin:0}.dojo-header{background:linear-gradient(135deg,#667eea,#1612e8);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:40px;padding:40px;text-align:center}.belt-display{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.belt-display h1{font-size:2.5em;margin:0;text-shadow:2px 2px 4px #0000004d}.current-belt{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;display:flex;gap:10px;padding:10px 20px}.belt-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:20px;width:20px}.dojo-motto{font-size:1.1em;font-style:italic;margin:0;opacity:.9;text-shadow:1px 1px 2px #0000004d}.overall-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-top:20px;padding:20px}.progress-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;text-align:center}.progress-stat{display:flex;flex-direction:column;min-width:100px}.progress-stat .stat-value{color:#fff;font-size:2em;font-weight:700;text-shadow:1px 1px 2px #0000004d}.progress-stat .stat-label{color:#fff;font-size:.9em;margin-top:5px;opacity:.9}.paths-navigation{flex-wrap:wrap;margin-bottom:30px}.path-tab,.paths-navigation{display:flex;gap:10px;justify-content:center}.path-tab{align-items:center;background:#fff;border:2px solid;border-radius:15px;cursor:pointer;font-weight:600;min-width:200px;padding:15px 20px;transition:all .3s ease}.path-tab.active{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.path-tab:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.path-icon{font-size:1.2em}.path-title{flex:1 1;text-align:center}.path-stats{background:#0000001a;border-radius:10px;font-size:.8em;font-weight:700;padding:4px 8px}.path-content{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;margin-bottom:30px;padding:30px}.path-header{margin-bottom:30px;text-align:center}.path-header h2{font-size:2em;margin:0 0 10px}.path-header p{color:#666;font-size:1.1em;margin:0 0 20px}.path-progress{background:#f8f9fa;border-radius:10px;height:8px;margin:15px 0;overflow:hidden;position:relative}.path-progress-fill{border-radius:10px;height:100%;transition:width .5s ease}.path-progress-text{color:#666;font-size:.8em;font-weight:600;position:absolute;right:0;top:-25px}.lessons-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.lesson-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:25px;position:relative;transition:all .3s ease}.lesson-card.unlocked{border-color:#40c057}.lesson-card.locked{background:#f8f9fa;opacity:.6}.lesson-card.completed{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#228be6}.lesson-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.lesson-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.lesson-difficulty{border-radius:15px;color:#fff;font-size:.8em;font-weight:600;padding:4px 12px;text-shadow:1px 1px 2px #0003}.completion-badge{align-items:center;background:#228be6;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.lesson-performance{background:#228be61a;border-radius:8px;margin:10px 0;padding:10px}.performance-stats{color:#228be6;display:flex;font-weight:600;justify-content:space-between;margin-bottom:5px}.completion-date{color:#868e96;font-size:.8em;text-align:right}.lesson-meta{color:#666;display:flex;font-size:.9em;justify-content:space-between;margin:15px 0}.duration{align-items:center;display:flex;gap:5px}.year-marker{background:#e9ecef;border-radius:4px;color:#495057;font-weight:700;padding:2px 8px}.focus-keys{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.key-chip{background:#f1f3f5;border:1px solid #dee2e6;border-radius:6px;font-family:monospace;font-size:.9em;padding:4px 8px}.lesson-tips{background:#fff9db;border-left:4px solid #ffd43b;border-radius:8px;font-size:.9em;margin:15px 0;padding:15px}.lesson-tips ul{margin:5px 0 0 20px;padding:0}.lesson-tips li{color:#495057;margin-bottom:3px}.start-lesson-btn{background:#40c057;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.start-lesson-btn:hover{background:#37b24d;box-shadow:0 4px 12px #40c05733;transform:translateY(-1px)}.start-lesson-btn.locked{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.unlock-info{color:#868e96;font-style:italic;margin-top:10px;text-align:center}@media (max-width:768px){.belt-display{flex-direction:column;text-align:center}.screen-header{justify-content:space-between}.paths-navigation{flex-direction:row;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.path-tab{flex-shrink:0;min-width:160px;padding:10px}.lessons-grid{grid-template-columns:1fr}.lesson-meta{flex-direction:column;gap:10px}}.money-logue-container{background-color:#f8f9fa;color:#333;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ml-hero{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.ml-hero:before{background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ml-logo-container{animation:float 6s ease-in-out infinite;border-radius:24px;box-shadow:0 10px 30px #0000004d;height:120px;margin:0 auto 1.5rem;overflow:hidden;width:120px}.ml-logo{height:100%;object-fit:cover;width:100%}.ml-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 5px 15px #0003}.ml-hero-tagline{color:#ffffff8c;font-size:1rem;font-weight:700;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.ml-hero-subtitle{font-size:1.15rem;font-weight:400;line-height:1.7;margin:0 auto 2rem;max-width:620px;opacity:.85}.ml-hero-stats{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:2.5rem}.ml-hero-stat{text-align:center}.ml-stat-val{color:#fff;display:block;font-size:1.5rem;font-weight:800}.ml-stat-lbl{color:#ffffff73;display:block;font-size:.72rem;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.ml-download-btn{align-items:center;background:linear-gradient(90deg,#00c853,#00e676);border-radius:50px;box-shadow:0 5px 20px #00c85366;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.ml-download-btn:hover{box-shadow:0 8px 25px #00c85399;transform:translateY(-3px)}.ml-download-btn img{height:24px;width:auto}.ml-features{margin:0 auto;max-width:1200px;padding:4rem 2rem}.ml-section-title{color:#1a1a1a;display:inline-block;font-size:2.2rem;font-weight:700;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.ml-section-title:after{background:#2a5298;border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.ml-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ml-feature-card{background:#fff;border:1px solid #00000008;border-radius:16px;box-shadow:0 5px 15px #0000000d;padding:2rem;transition:all .3s ease}.ml-feature-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.ml-feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.ml-feature-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.8rem}.ml-feature-card p{color:#666;font-size:.95rem}.ml-screenshots-section{background:#fff;overflow:hidden;padding:5rem 0}.ml-gallery-container{-ms-overflow-style:none;cursor:grab;display:flex;gap:20px;max-width:100vw;overflow-x:auto;padding:2rem;scroll-behavior:smooth;scrollbar-width:none}.ml-gallery-container::-webkit-scrollbar{display:none}.ml-screenshot-wrapper{background:#000;border-radius:20px;box-shadow:0 15px 35px #00000026;flex:0 0 auto;overflow:hidden;transition:transform .3s ease;width:250px}.ml-screenshot-wrapper:hover{transform:scale(1.02);z-index:10}.ml-screenshot{display:block;height:auto;width:100%}.ml-why-choose{background:#f1f4f8;padding:5rem 2rem}.ml-content-max{margin:0 auto;max-width:1000px}.ml-highlight-box{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:3rem;padding:2.5rem}.ml-highlight-box h3{color:#2a5298;font-size:1.5rem;margin-bottom:1rem}.ml-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.ml-detail-item h4{color:#333;font-size:1.2rem;margin-bottom:.5rem}.ml-footer{background:#1a1a1a;color:#aaa;font-size:.9rem;padding:4rem 2rem 2rem}.ml-keywords-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:900px}.ml-keyword-tag{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;font-size:.8rem;padding:5px 12px}.ml-footer-links{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.ml-footer-links a{color:#fff;margin:0 10px;text-decoration:none}.ml-copyright{color:#666;margin-top:2rem;text-align:center}.ml-appinfo-section{background:#eef2f8;padding:4rem 2rem}.ml-appinfo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 auto;max-width:900px}.ml-appinfo-card{background:#fff;border:1px solid #2a529812;border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:6px;padding:1.2rem 1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.ml-appinfo-card:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-4px)}.ml-appinfo-label{color:#89a;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ml-appinfo-value{color:#1a2a4a;font-size:.95rem;font-weight:700}@media (min-width:768px){.ml-hero-title{font-size:4rem}.ml-features-grid{grid-template-columns:repeat(2,1fr)}.ml-details-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.ml-features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.ml-hero-stats{gap:1.2rem}.ml-appinfo-grid{grid-template-columns:1fr 1fr}}@keyframes mlFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mlFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-14px) rotate(2deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes mlPulseGlow{0%,to{box-shadow:0 0 20px #ffa50066,0 0 40px #ff640033}50%{box-shadow:0 0 35px #ffa500cc,0 0 70px #ff640066}}@keyframes mlParticle{0%{opacity:.8;transform:translateY(0) translateX(0) scale(1)}to{opacity:0;transform:translateY(-120px) translateX(20px) scale(0);transform:translateY(-120px) translateX(var(--dx,20px)) scale(0)}}@keyframes mlShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes mlVineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mlRotateBadge{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ml2-container{background:#0a1a0a;color:#1a1a1a;font-family:Inter,sans-serif;overflow-x:hidden}.ml2-container,.ml2-hero{min-height:100vh;position:relative}.ml2-hero{align-items:center;background:radial-gradient(ellipse at 50% 0,#00b43c40 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#ff8c0026 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#7828c826 0,#0000 50%),linear-gradient(180deg,#061206,#0d2a0d 40%,#071407);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:6rem 2rem 4rem;text-align:center}.ml2-hero:before{animation:mlPulseGlow 4s ease-in-out infinite;background-image:radial-gradient(circle at 10% 20%,#00c85014 0,#0000 30%),radial-gradient(circle at 90% 10%,#00b43c14 0,#0000 25%),radial-gradient(circle at 50% 90%,#ffa5000f 0,#0000 35%)}.ml2-hero:after,.ml2-hero:before{content:"";inset:0;pointer-events:none;position:absolute}.ml2-hero:after{background-image:linear-gradient(#00ff5008 1px,#0000 0),linear-gradient(90deg,#00ff5008 1px,#0000 0);background-size:60px 60px}.ml2-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ml2-particle{animation:mlParticle 4s ease-out infinite;border-radius:50%;height:6px;position:absolute;width:6px}.ml2-logo-wrap{animation:mlFloat 5s ease-in-out infinite;height:160px;margin:0 auto 2rem;position:relative;width:160px;z-index:2}.ml2-logo-wrap:before{animation:mlRotateBadge 6s linear infinite;background:conic-gradient(from 0deg,#ff8c00,gold,#00c853,#00bfff,#ff8c00);border-radius:40px;content:"";filter:blur(4px);inset:-12px;opacity:.7;position:absolute;z-index:-1}.ml2-logo{border-radius:32px;box-shadow:0 20px 50px #00000080;height:160px;object-fit:cover;position:relative;width:160px;z-index:1}.ml2-hero-badge{align-items:center;background:#00c85026;border:1px solid #00c85066;border-radius:100px;color:#4ade80;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.08em;margin-bottom:1.5rem;padding:5px 14px;text-transform:uppercase;z-index:2}.ml2-hero-badge:before{animation:mlPulseGlow 1.5s ease-in-out infinite;color:#4ade80;content:"●";font-size:.5rem}.ml2-hero-title{-webkit-text-fill-color:#0000;animation:mlShimmer 4s linear infinite;background:linear-gradient(135deg,gold,#ff8c00 30%,gold 60%,#ffec6e);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Cinzel,serif;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:.3rem;position:relative;z-index:2}.ml2-hero-subtitle-name{color:#fff9;font-family:Cinzel,serif;font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:.15em;margin-bottom:1.5rem;text-transform:uppercase;z-index:2}.ml2-hero-desc{color:#ffffffbf;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin:0 auto 2.5rem;max-width:650px;position:relative;z-index:2}.ml2-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:2}.ml2-play-btn{align-items:center;animation:mlPulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#00c853,#00e676);border-radius:50px;box-shadow:0 8px 30px #00c85373,0 0 0 0 #00c8534d;color:#fff;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;letter-spacing:.02em;padding:1rem 2.2rem;text-decoration:none;transition:all .3s ease}.ml2-play-btn:hover{box-shadow:0 16px 40px #00c85399;transform:translateY(-4px) scale(1.04)}.ml2-play-btn svg{height:22px;width:22px}.ml2-scroll-btn{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:50px;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.ml2-scroll-btn:hover{background:#ffffff26;transform:translateY(-2px)}.ml2-hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:4rem;position:relative;z-index:2}.ml2-stat{text-align:center}.ml2-stat-value{color:gold;display:block;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700}.ml2-stat-label{color:#ffffff80;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.ml2-screenshots{background:linear-gradient(180deg,#071407,#0d1a08);padding:5rem 0}.ml2-section-header{margin-bottom:3rem;padding:0 2rem;text-align:center}.ml2-section-eyebrow{color:gold;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:.8rem;text-transform:uppercase}.ml2-section-title{color:#fff;font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:.8rem}.ml2-section-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;background-clip:text}.ml2-section-desc{color:#ffffff80;font-size:1rem;margin:0 auto;max-width:500px}.ml2-gallery-track{-ms-overflow-style:none;cursor:grab;display:flex;gap:20px;overflow-x:auto;padding:1rem 3rem 2rem;scroll-behavior:smooth;scrollbar-width:none}.ml2-gallery-track::-webkit-scrollbar{display:none}.ml2-gallery-track:active{cursor:grabbing}.ml2-screenshot-card{background:#000;border:1px solid #ffd70026;border-radius:24px;box-shadow:0 20px 50px #0006;flex:0 0 auto;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease;width:240px}.ml2-screenshot-card:before{border:1px solid #ffd70000;border-radius:24px;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .3s;z-index:2}.ml2-screenshot-card:hover{box-shadow:0 35px 70px #0009,0 0 30px #ffc80040;transform:translateY(-12px) scale(1.03)}.ml2-screenshot-card:hover:before{border-color:#ffd70066}.ml2-screenshot-card img{display:block;height:auto;width:100%}.ml2-features{background:linear-gradient(180deg,#0d1a08,#0a1205);padding:6rem 2rem}.ml2-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.ml2-feature-card{background:linear-gradient(135deg,#ffffff0a,#00c8500a);border:1px solid #00c8501f;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .35s ease}.ml2-feature-card:before{background:linear-gradient(90deg,#0000,#00c85080,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s ease}.ml2-feature-card:hover:before{transform:translateX(100%)}.ml2-feature-card:hover{background:linear-gradient(135deg,#ffffff0f,#00c85014);border-color:#00c8504d;box-shadow:0 20px 50px #0000004d,0 0 0 1px #00c8501a;transform:translateY(-6px)}.ml2-feature-icon-wrap{align-items:center;background:linear-gradient(135deg,#ffd70026,#ff640026);border:1px solid #ffd70033;border-radius:16px;display:flex;font-size:2rem;height:64px;justify-content:center;margin-bottom:1.2rem;width:64px}.ml2-feature-card h3{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:.7rem}.ml2-feature-card p{color:#ffffff8c;font-size:.92rem;line-height:1.65}.ml2-powerups{background:linear-gradient(180deg,#0a1205,#0f1c06);padding:6rem 2rem}.ml2-powerups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1100px}.ml2-powerup-card{border:1px solid;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .35s ease}.ml2-powerup-card:hover{transform:translateY(-8px) scale(1.02)}.ml2-powerup-card.fire{background:linear-gradient(135deg,#ff50001a,#ffa00014);border-color:#ff50004d}.ml2-powerup-card.fire:hover{box-shadow:0 20px 50px #ff50004d}.ml2-powerup-card.time{background:linear-gradient(135deg,#00b4ff1a,#6464ff14);border-color:#00b4ff4d}.ml2-powerup-card.time:hover{box-shadow:0 20px 50px #00b4ff4d}.ml2-powerup-card.reverse{background:linear-gradient(135deg,#b400ff1a,#ff009614);border-color:#b400ff4d}.ml2-powerup-card.reverse:hover{box-shadow:0 20px 50px #b400ff4d}.ml2-powerup-card.freeze{background:linear-gradient(135deg,#00dcc81a,#0078b414);border-color:#00dcc84d}.ml2-powerup-card.freeze:hover{box-shadow:0 20px 50px #00dcc84d}.ml2-powerup-emoji{display:block;font-size:3rem;margin-bottom:1rem}.ml2-powerup-card h3{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.ml2-powerup-card p{color:#ffffff80;font-size:.88rem;line-height:1.6}.ml2-howto{background:linear-gradient(180deg,#0f1c06,#0d2a0d);padding:6rem 2rem}.ml2-steps{flex-direction:column;margin:0 auto;max-width:700px}.ml2-step,.ml2-steps{display:flex;gap:1.5rem}.ml2-step{align-items:flex-start;background:#ffffff08;border:1px solid #00c8501a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.ml2-step:hover{background:#00c8500f;border-color:#00c85040;transform:translateX(8px)}.ml2-step-num{align-items:center;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;box-shadow:0 5px 20px #ffa50066;color:#000;display:flex;flex:0 0 48px;font-size:1.2rem;font-weight:800;height:48px;justify-content:center}.ml2-step-content h4{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:.4rem}.ml2-step-content p{color:#ffffff80;font-size:.9rem;line-height:1.6}.ml2-app-info{background:linear-gradient(180deg,#0d2a0d,#071407);padding:5rem 2rem}.ml2-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:900px}.ml2-info-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.ml2-info-card:hover{background:#00c8500f;border-color:#00c85033}.ml2-info-icon{display:block;font-size:1.8rem;margin-bottom:.7rem}.ml2-info-label{color:#ffffff59;font-size:.75rem;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.ml2-info-value{color:#fff;font-size:1rem;font-weight:700}.ml2-about{background:linear-gradient(180deg,#071407,#0a1205);padding:6rem 2rem}.ml2-about-inner{margin:0 auto;max-width:900px}.ml2-highlight-card{background:linear-gradient(135deg,#00c85014,#0064280a);border:1px solid #00c85033;border-radius:24px;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.ml2-highlight-card:before{content:"🌿";font-size:6rem;opacity:.08;pointer-events:none;position:absolute;right:-10px;top:-10px;transform:rotate(20deg)}.ml2-highlight-card h3{color:gold;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;margin-bottom:1.2rem}.ml2-highlight-card p{color:#ffffffa6;font-size:1rem;line-height:1.8}.ml2-detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ml2-detail-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:1.8rem;transition:all .3s ease}.ml2-detail-item:hover{background:#00c8500d;border-color:#00c85026;transform:translateY(-4px)}.ml2-detail-item h4{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:.8rem}.ml2-detail-item p{color:#ffffff80;font-size:.9rem;line-height:1.7}.ml2-cta{background:linear-gradient(135deg,#1a2e0a,#0d2a0d 50%,#0a1a05);overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.ml2-cta:before{background:radial-gradient(ellipse at 50% 50%,#00c8501a 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.ml2-cta h2{color:#fff;font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;margin-bottom:1rem}.ml2-cta p{color:#ffffffa6;font-size:1.1rem;margin:0 auto 2.5rem;max-width:500px}.ml2-footer{background:#060d06;padding:3rem 2rem 2rem;text-align:center}.ml2-footer-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2rem}.ml2-footer-tag{background:#00c85014;border:1px solid #00c85033;border-radius:100px;color:#ffffff80;font-size:.78rem;padding:4px 12px}.ml2-footer-links{border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;padding-top:2rem}.ml2-footer-links a{color:#ffffff80;font-size:.9rem;text-decoration:none;transition:color .2s}.ml2-footer-links a:hover{color:#4ade80}.ml2-footer-copy{color:#ffffff40;font-size:.82rem}@media (max-width:768px){.ml2-hero-stats{gap:1.5rem}.ml2-hero-actions{align-items:center;flex-direction:column}.ml2-features-grid{grid-template-columns:1fr}.ml2-powerups-grid{grid-template-columns:1fr 1fr}.ml2-step{flex-direction:column}}@media (max-width:480px){.ml2-powerups-grid{grid-template-columns:1fr}.ml2-info-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.a0f33120.css.map*/