:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--color-primary: #FF6B6B;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-text: #2c3e50;--color-bg: #87CEEB;--color-correct: #55E6C1;--color-incorrect: #FF6B6B;--color-current: #F7D794;--hand-skin-color: #FFDAB9;--hand-stroke-color: #E8C4A8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);background-color:var(--color-bg);background-image:linear-gradient(135deg,#87ceeb,#e0f7fa);color:var(--color-text)}#app{width:100%;max-width:1600px;margin:0 auto;padding:2rem;text-align:center}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .3s ease-in-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pop{animation:pop .2s ease-out}.app-container[data-v-f70ee170]{display:flex;flex-direction:column;min-height:100vh;padding:1rem}.main-header[data-v-f70ee170]{margin-bottom:2rem}h1[data-v-f70ee170]{font-size:3rem;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.1);margin:0;cursor:pointer}.fade-enter-active[data-v-f70ee170],.fade-leave-active[data-v-f70ee170]{transition:opacity .3s ease}.fade-enter-from[data-v-f70ee170],.fade-leave-to[data-v-f70ee170]{opacity:0}main[data-v-f70ee170]{flex:1;display:flex;flex-direction:column}.app-footer[data-v-f70ee170]{text-align:center;padding:1rem;margin-top:auto}.version[data-v-f70ee170]{font-size:.75rem;color:#0006;text-decoration:none}.version[data-v-f70ee170]:hover{color:#000000b3;text-decoration:underline}.auth-container[data-v-3f7795e5]{display:flex;justify-content:center;align-items:center;min-height:50vh;margin:auto}.card[data-v-3f7795e5]{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px}h2[data-v-3f7795e5]{color:var(--color-text);margin-bottom:.5rem}input[data-v-3f7795e5]{width:100%;padding:1rem;margin-bottom:1rem;border:2px solid #eee;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s}input[data-v-3f7795e5]:focus{outline:none;border-color:var(--color-secondary)}button[data-v-3f7795e5]{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .1s}button[data-v-3f7795e5]:hover{transform:translateY(-2px)}button[data-v-3f7795e5]:disabled{opacity:.7;cursor:wait}.error[data-v-3f7795e5]{color:var(--color-incorrect);font-size:.9rem;margin-bottom:1rem}.switch-mode[data-v-3f7795e5]{margin-top:1.5rem;font-size:.9rem}a[data-v-3f7795e5]{color:var(--color-secondary);font-weight:700;text-decoration:none}.landing[data-v-21c5b508]{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero[data-v-21c5b508]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:80vh;margin-bottom:4rem}.hero-content[data-v-21c5b508]{text-align:left}.hero-title[data-v-21c5b508]{font-size:4rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:2px 2px 0px rgba(0,0,0,.1);line-height:1.1}.hero-subtitle[data-v-21c5b508]{font-size:1.3rem;color:#fff;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-actions[data-v-21c5b508]{display:flex;gap:1rem;flex-wrap:wrap}.cta-button[data-v-21c5b508]{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.cta-button.primary[data-v-21c5b508]{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.cta-button.primary[data-v-21c5b508]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.cta-button.secondary[data-v-21c5b508]{background:#fff3;color:#fff;border:2px solid white}.cta-button.secondary[data-v-21c5b508]:hover{background:#ffffff4d;transform:translateY(-2px)}.cta-button.large[data-v-21c5b508]{padding:1.25rem 2.5rem;font-size:1.2rem;background:var(--color-secondary);color:#fff}.cta-button.large[data-v-21c5b508]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4ecdc466}.hero-visual[data-v-21c5b508]{display:flex;justify-content:center;align-items:center}.typing-demo[data-v-21c5b508]{background:#ffffff26;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-keyboard[data-v-21c5b508]{text-align:center}.demo-keys[data-v-21c5b508]{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.demo-key[data-v-21c5b508]{display:inline-block;padding:1rem;background:#fffc;border-radius:8px;font-weight:700;color:var(--color-text);min-width:3rem;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.demo-key.active[data-v-21c5b508]{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66;animation:pop .3s ease-out}section[data-v-21c5b508]{margin-bottom:5rem}.section-header[data-v-21c5b508]{text-align:center;margin-bottom:3rem}.section-header h2[data-v-21c5b508]{font-size:2.5rem;color:#fff;margin-bottom:1rem;text-shadow:1px 1px 0px rgba(0,0,0,.1)}.section-header p[data-v-21c5b508]{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto}.features-grid[data-v-21c5b508]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-21c5b508]{background:#fffffff2;padding:2rem;border-radius:16px;text-align:center;transition:all .3s;box-shadow:0 4px 20px #0000001a}.feature-card[data-v-21c5b508]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.feature-icon[data-v-21c5b508]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-21c5b508]{font-size:1.3rem;color:var(--color-text);margin-bottom:1rem}.feature-card p[data-v-21c5b508]{color:#666;line-height:1.6}.steps-container[data-v-21c5b508]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card[data-v-21c5b508]{background:#ffffffe6;padding:2rem;border-radius:16px;text-align:center;position:relative;box-shadow:0 4px 20px #0000001a}.step-number[data-v-21c5b508]{width:60px;height:60px;background:var(--color-secondary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step-card h3[data-v-21c5b508]{font-size:1.2rem;color:var(--color-text);margin-bottom:1rem}.step-card p[data-v-21c5b508]{color:#666;line-height:1.6}.stats[data-v-21c5b508]{background:#ffffff1a;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-container[data-v-21c5b508]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item[data-v-21c5b508]{color:#fff}.stat-number[data-v-21c5b508]{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:var(--color-accent)}.stat-label[data-v-21c5b508]{font-size:1.1rem;opacity:.9}.cta-section[data-v-21c5b508]{text-align:center;padding:4rem 2rem;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-content h2[data-v-21c5b508]{font-size:2.5rem;color:#fff;margin-bottom:1rem;text-shadow:1px 1px 0px rgba(0,0,0,.1)}.cta-content p[data-v-21c5b508]{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem}@media(max-width:768px){.hero[data-v-21c5b508]{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content[data-v-21c5b508]{text-align:center}.hero-title[data-v-21c5b508]{font-size:3rem}.hero-actions[data-v-21c5b508]{justify-content:center}.features-grid[data-v-21c5b508],.steps-container[data-v-21c5b508]{grid-template-columns:1fr}.stats-container[data-v-21c5b508]{grid-template-columns:repeat(2,1fr)}.landing[data-v-21c5b508]{padding:0 1rem}}.dashboard[data-v-783fc419]{width:100%;text-align:left;padding-bottom:50px}.stage-section[data-v-783fc419]{margin-bottom:3rem;background:#ffffff80;padding:1.5rem;border-radius:20px}.stage-title[data-v-783fc419]{font-size:1.8rem;color:var(--color-primary);margin-bottom:1.5rem;border-bottom:3px solid var(--color-primary);display:inline-block;padding-bottom:.5rem}.profile-header[data-v-783fc419]{display:flex;align-items:center;gap:2rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 20px #0000000d;margin-bottom:3rem}.avatar[data-v-783fc419]{background:var(--color-primary);color:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.stats[data-v-783fc419]{display:flex;gap:1rem;margin-top:.5rem}.badge[data-v-783fc419]{padding:.5rem 1rem;border-radius:20px;font-weight:700;color:#fff}.level[data-v-783fc419]{background:var(--color-secondary)}.xp[data-v-783fc419]{background:var(--color-accent);color:#000}.logout-btn[data-v-783fc419]{margin-left:auto;border:2px solid #ddd;background:transparent;padding:.5rem 1rem;border-radius:10px;cursor:pointer}.lesson-grid[data-v-783fc419]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.lesson-card[data-v-783fc419]{background:#fff;padding:1.5rem;border-radius:15px;cursor:pointer;transition:transform .2s;border:2px solid transparent;position:relative;overflow:hidden}.lesson-card[data-v-783fc419]:not(.locked):hover{transform:translateY(-5px);border-color:var(--color-secondary)}.lesson-card.completed[data-v-783fc419]{border-color:var(--color-primary);background:#f0fff4}.lesson-card.locked[data-v-783fc419]{opacity:.6;filter:grayscale(1);cursor:not-allowed;background:#f9f9f9}.icon[data-v-783fc419]{font-size:2rem;margin-bottom:1rem}h4[data-v-783fc419]{margin:0;color:var(--color-text)}p[data-v-783fc419]{margin:.5rem 0 0;font-size:.8rem;color:#999}.keyboard-container[data-v-50276d94]{display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:#f0f2f5;border-top:1px solid #e0e0e0;position:fixed;bottom:0;left:0;width:100%;z-index:50}.board[data-v-50276d94]{display:flex;flex-direction:column;gap:6px;background:#e8eaed;padding:15px;border-radius:12px;box-shadow:0 2px 8px #00000014}.row[data-v-50276d94]{display:flex;gap:6px;margin-left:0}.key[data-v-50276d94]{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;transition:all .1s ease;position:relative}.key.bump[data-v-50276d94]:after{content:"";position:absolute;bottom:8px;width:16px;height:3px;background:#d1d5db;border-radius:2px}.key.target[data-v-50276d94]{background:#3b82f6;border-color:#2563eb;color:#fff;box-shadow:0 0 0 4px #3b82f633}.key.pressed[data-v-50276d94]{background:#10b981!important;border-color:#059669!important;color:#fff!important;transform:scale(.95)}.finger-hint[data-v-50276d94]{position:absolute;top:-20px;background:#3b82f6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.typing-engine[data-v-b7270835]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding-bottom:400px}.stats-bar[data-v-b7270835]{display:flex;gap:2rem;margin-bottom:2rem}.stat[data-v-b7270835]{background:#fff;padding:1rem 2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.label[data-v-b7270835]{display:block;font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px}.value[data-v-b7270835]{font-size:2rem;font-weight:700;color:var(--color-primary)}.text-display[data-v-b7270835]{font-size:2rem;letter-spacing:2px;line-height:1.6;font-family:Courier New,Courier,monospace;background:#fff;padding:2rem;border-radius:15px;box-shadow:inset 0 2px 5px #0000000d;margin-bottom:2rem;white-space:pre-wrap;word-break:break-word;max-width:100%;max-height:40vh;overflow-y:auto;text-align:left}.char[data-v-b7270835]{padding:0 1px;border-radius:2px;color:#aaa}.char.correct[data-v-b7270835]{color:#2ecc71}.char.incorrect[data-v-b7270835]{color:#e74c3c;background:#fadbd8;text-decoration:underline}.char.current[data-v-b7270835]{background:var(--color-secondary);color:#fff;animation:pulse 1s infinite}.char.current[data-v-b7270835]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--color-accent);animation:blink-b7270835 1s infinite}@keyframes blink-b7270835{0%,to{opacity:1}50%{opacity:0}}.result-modal[data-v-b7270835]{animation:pop .5s cubic-bezier(.175,.885,.32,1.275)}.restart-btn[data-v-b7270835]{background:var(--color-secondary);color:#fff;border:none;padding:1rem 2rem;font-size:1.5rem;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 5px 15px #4ecdc466;transition:transform .2s}.restart-btn[data-v-b7270835]:hover{transform:scale(1.05)}.instructions[data-v-b7270835]{opacity:1;font-size:2rem;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;color:var(--color-primary);font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.1);margin-top:1rem}.lesson-container[data-v-aeadff1c]{max-width:900px;margin:0 auto;padding-top:2rem}.lesson-header[data-v-aeadff1c]{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.back-btn[data-v-aeadff1c]{background:#fff;border:2px solid var(--color-text);font-size:1rem;cursor:pointer;color:var(--color-text);font-weight:700;padding:.8rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;box-shadow:4px 4px #0000001a;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.back-btn[data-v-aeadff1c]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00000026;background:var(--color-current)}.back-btn[data-v-aeadff1c]:active{transform:translate(2px,2px);box-shadow:0 0 #0000001a}.modal-overlay[data-v-aeadff1c]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-aeadff1c .2s ease}@keyframes fadeIn-aeadff1c{0%{opacity:0}to{opacity:1}}.modal[data-v-aeadff1c]{background:#fff;border-radius:20px;padding:2.5rem;min-width:360px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp-aeadff1c .3s ease}@keyframes slideUp-aeadff1c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal.success[data-v-aeadff1c]{border-top:5px solid #10b981}.modal.fail[data-v-aeadff1c]{border-top:5px solid #f59e0b}.modal-icon[data-v-aeadff1c]{font-size:4rem;margin-bottom:1rem}.modal h2[data-v-aeadff1c]{margin:0 0 .5rem;color:#1f2937;font-size:1.75rem}.modal-subtitle[data-v-aeadff1c]{color:#6b7280;margin:0 0 1.5rem}.stats-grid[data-v-aeadff1c]{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0 2rem}.stat-item[data-v-aeadff1c]{display:flex;flex-direction:column;align-items:center}.stat-value[data-v-aeadff1c]{font-size:2rem;font-weight:700;color:#1f2937}.stat-value.good[data-v-aeadff1c]{color:#10b981}.stat-value.xp[data-v-aeadff1c]{color:#f59e0b}.stat-label[data-v-aeadff1c]{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.modal-btn[data-v-aeadff1c]{background:#3b82f6;color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.modal-btn[data-v-aeadff1c]:hover{background:#2563eb;transform:translateY(-2px)}.modal.fail .modal-btn[data-v-aeadff1c]{background:#f59e0b}.modal.fail .modal-btn[data-v-aeadff1c]:hover{background:#d97706}