@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap);:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-950:#172554;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--neutral-950:#030712;--accent-500:#8b5cf6;--accent-600:#7c3aed;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-sans:"Montserrat",sans-serif;--font-serif:"Playfair Display",serif;--bg-primary:var(--neutral-50);--bg-secondary:#fff;--bg-tertiary:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-tertiary:var(--neutral-500);--border-color:var(--neutral-200)}.dark{--bg-primary:var(--neutral-900);--bg-secondary:var(--neutral-800);--bg-tertiary:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-400);--border-color:var(--neutral-700);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--bg-primary);color:#111827;color:var(--text-primary);font-family:Montserrat,sans-serif;font-family:var(--font-sans);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-family:var(--font-serif);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#2563eb;color:var(--primary-600);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1e40af;color:var(--primary-800);text-decoration:underline}.dark a{color:#60a5fa;color:var(--primary-400)}.dark a:hover{color:#93c5fd;color:var(--primary-300)}.container{margin:0 auto;max-width:72rem;padding:0 1rem;padding:0 var(--space-md);width:100%}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem 1rem;padding:var(--space-xl) var(--space-md);position:relative;text-align:center}.header h1{font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-shadow:0 2px 4px #0003}.header p{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;letter-spacing:.3px;margin:0 auto;max-width:800px;opacity:.9}.dark-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:absolute;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md);transition:all .25s ease;transition:all var(--transition-normal)}.dark-mode-toggle:hover{background-color:#ffffff4d;transform:translateY(-2px)}.dark-mode-toggle:active{transform:translateY(0)}.mode-selector{flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:0 1rem;padding:0 var(--space-md)}.mode-btn,.mode-selector{display:flex;justify-content:center}.mode-btn{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;gap:.5rem;gap:var(--space-sm);min-width:140px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.mode-btn span{font-size:1.2em;margin-right:.25rem;margin-right:var(--space-xs)}.mode-btn.inactive{opacity:.8}.mode-btn.active{background-color:#2563eb;background-color:var(--primary-600);border-color:#1d4ed8;border-color:var(--primary-700);color:#fff}.mode-btn.active,.mode-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-btn:active{transform:translateY(0)}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:0 1rem;padding:0 var(--space-md)}.filter-btn{background-color:#fff;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;letter-spacing:.3px;min-width:120px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.filter-btn.active{background-color:#2563eb;background-color:var(--primary-600);border-color:#2563eb;border-color:var(--primary-600);color:#fff}.filter-btn.active,.filter-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.filter-btn:hover{border-color:#60a5fa;border-color:var(--primary-400);transform:translateY(-2px)}.alphabet-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem;margin-bottom:var(--space-2xl);padding:0 1rem;padding:0 var(--space-md)}.alphabet-card{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.alphabet-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--primary-500),var(--accent-500));content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease;transition:opacity var(--transition-normal);width:100%}.alphabet-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.alphabet-card:hover:before{opacity:1}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.alphabet-card .letter{color:#2563eb;color:var(--primary-600);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1}.dark .alphabet-card .letter{color:#60a5fa;color:var(--primary-400)}.alphabet-card .latin{color:#111827;color:var(--text-primary);font-size:clamp(1.1rem,3vw,1.25rem);font-weight:600}.alphabet-card .latin,.alphabet-card .pronuncia{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.alphabet-card .pronuncia{background-color:#f3f4f6;background-color:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);display:inline-block;font-size:clamp(.9rem,2vw,1rem);font-style:italic;font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.alphabet-card .exemplo{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border-color);color:#6b7280;color:var(--text-tertiary);font-size:clamp(.85rem,2vw,.95rem);font-weight:400;margin-top:.5rem;margin-top:var(--space-sm);padding-top:.5rem;padding-top:var(--space-sm)}.audio-btn{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;position:relative;transition:all .25s ease;transition:all var(--transition-normal);width:40px}.audio-btn:hover{background-color:#dbeafe;background-color:var(--primary-100);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1d4ed8;color:var(--primary-700);transform:translateY(-2px)}.dark .audio-btn:hover{background-color:#1e3a8a;background-color:var(--primary-900);color:#60a5fa;color:var(--primary-400)}.audio-btn:active{transform:scale(.95)}.audio-btn.playing{animation:pulse 1s infinite;background-color:#dbeafe;background-color:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.dark .audio-btn.playing{background-color:#1e3a8a;background-color:var(--primary-900);color:#60a5fa;color:var(--primary-400)}@keyframes pulse{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.practice-container,.test-container{margin:0 auto;max-width:100%;padding:0 1rem;padding:0 var(--space-md)}.card-container{margin-bottom:2rem;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:500px;perspective:1000px}.card-inner{height:16rem;position:relative;transform-style:preserve-3d;transition:transform .7s;width:100%}.card-inner.flipped{transform:rotateY(180deg)}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;padding:var(--space-xl);position:absolute}.card-back{transform:rotateY(180deg)}.card-letter{color:#2563eb;color:var(--primary-600);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:1;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.dark .card-letter{color:#60a5fa;color:var(--primary-400)}.hint-box{background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-500);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--neutral-800);font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md)}.dark .hint-box{background-color:#f59e0b33;color:#e5e7eb;color:var(--neutral-200)}.card-controls{flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-top:1.5rem;margin-top:var(--space-lg)}.card-btn,.card-controls{display:flex;justify-content:center}.card-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:.25rem;gap:var(--space-xs);min-width:120px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.card-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-btn:active{transform:translateY(0)}.hint-btn,.hint-btn:hover{background-color:#f59e0b;background-color:var(--warning-500)}.hint-btn:hover{filter:brightness(.9)}.flip-btn{background-color:#2563eb;background-color:var(--primary-600)}.flip-btn:hover{background-color:#1d4ed8;background-color:var(--primary-700)}.back-btn{background-color:#4b5563;background-color:var(--neutral-600)}.back-btn:hover{background-color:#374151;background-color:var(--neutral-700)}.nav-controls{flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:0 1rem;padding:0 var(--space-md)}.nav-btn,.nav-controls{align-items:center;display:flex;justify-content:center}.nav-btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:.25rem;gap:var(--space-xs);min-width:120px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.nav-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.prev-btn{background-color:#4b5563;background-color:var(--neutral-600)}.prev-btn:hover{background-color:#374151;background-color:var(--neutral-700)}.shuffle-btn{background-color:#d1d5db;background-color:var(--neutral-300);color:#1f2937;color:var(--neutral-800)}.dark .shuffle-btn{background-color:#4b5563;background-color:var(--neutral-600);color:#d1d5db;color:var(--neutral-300)}.shuffle-btn:hover{background-color:#9ca3af;background-color:var(--neutral-400)}.dark .shuffle-btn:hover{background-color:#6b7280;background-color:var(--neutral-500)}.shuffle-btn.active{color:#fff}.shuffle-btn.active,.shuffle-btn.active:hover{background-color:#10b981;background-color:var(--success-500)}.shuffle-btn.active:hover{filter:brightness(.9)}.next-btn{background-color:#2563eb;background-color:var(--primary-600)}.next-btn:hover{background-color:#1d4ed8;background-color:var(--primary-700)}.score-box{background-color:#2563eb1a;border-left:4px solid #2563eb;border-left:4px solid var(--primary-600);border-radius:.5rem;border-radius:var(--radius-md);color:#1e40af;color:var(--primary-800);font-size:clamp(1rem,2vw,1.1rem);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem;padding:var(--space-md);text-align:center}.dark .score-box{background-color:#1e3a8a4d;border-left:4px solid #3b82f6;border-left:4px solid var(--primary-500);color:#bfdbfe;color:var(--primary-200)}.question-box{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;max-width:600px;padding:2rem;padding:var(--space-xl);text-align:center}.question-box p:first-child{color:#374151;color:var(--text-secondary);font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-md)}.question-box p:last-child{color:#2563eb;color:var(--primary-600);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.dark .question-box p:last-child{color:#60a5fa;color:var(--primary-400)}.options-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:800px;padding:0 1rem;padding:0 var(--space-md)}.option-btn{background-color:#fff;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;font-size:clamp(1rem,3vw,1.25rem);font-weight:600;padding:1.5rem;padding:var(--space-lg);text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.option-btn:hover{border-color:#60a5fa;border-color:var(--primary-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-btn.correct{background-color:#10b98133;border-color:#10b981;border-color:var(--success-500);color:#10b981;color:var(--success-500)}.dark .option-btn.correct{background-color:#10b9814d}.option-btn.incorrect{background-color:#ef444433;border-color:#ef4444;border-color:var(--error-500);color:#ef4444;color:var(--error-500)}.dark .option-btn.incorrect{background-color:#ef44444d}.feedback-box{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--text-secondary);margin-bottom:2rem;margin-bottom:var(--space-xl);margin-top:1rem;margin-top:var(--space-md);padding:1rem;padding:var(--space-md)}.feedback-correct{color:#10b981;color:var(--success-500)}.feedback-correct,.feedback-incorrect{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.feedback-incorrect{color:#ef4444;color:var(--error-500)}div.next-question-overlay{display:flex;margin-bottom:1.5rem}.next-question-btn{align-items:center;background-color:#2563eb;background-color:var(--primary-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.25rem;gap:var(--space-xs);justify-content:center;letter-spacing:.3px;margin:0 auto;max-width:280px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.next-question-btn:hover{background-color:#1d4ed8;background-color:var(--primary-700);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.next-question-btn:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.next-question-btn:focus{box-shadow:0 0 0 3px #3b82f659;outline:none}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite;border:2px solid #fff9;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.next-question-btn{transform:translateZ(0)}.next-question-btn:hover{transform:scale(1.02)}.next-question-btn.loading{background-color:#1d4ed8;background-color:var(--primary-700);cursor:wait}.footer-enhanced{background-color:#1f2937;background-color:var(--neutral-800);color:#e5e7eb;color:var(--neutral-200);margin-top:auto;padding-top:2rem;padding-top:var(--space-xl)}.dark .footer-enhanced{background-color:#030712;background-color:var(--neutral-950)}.footer-content{margin:0 auto;max-width:72rem;padding:0 1rem 2rem;padding:0 var(--space-md) var(--space-xl)}.footer-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.footer-section h4{align-items:center;color:#fff;font-size:1.1rem;gap:.25rem;gap:var(--space-xs)}.footer-brand,.footer-section h4{display:flex;margin-bottom:1rem;margin-bottom:var(--space-md)}.footer-brand{align-items:flex-start;flex-direction:column}.brand-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary-600),var(--accent-500));border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;height:50px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-sm);width:50px}.cyrillic-letter{color:#fff;font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.8rem;font-weight:700}.footer-brand h3{color:#fff;font-size:1.3rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.brand-subtitle{color:#60a5fa;color:var(--primary-400)}.brand-subtitle,.footer-description{font-size:.9rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.footer-description{color:#9ca3af;color:var(--neutral-400);line-height:1.6}.learning-tip{align-items:center;background-color:#ffffff0d;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.85rem;gap:.5rem;gap:var(--space-sm);margin-top:1rem;margin-top:var(--space-md);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.dark .learning-tip{background-color:#ffffff1a}.tip-icon{font-size:1.2rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.footer-link{align-items:center;color:#9ca3af;color:var(--neutral-400);display:flex;font-size:.9rem;gap:.5rem;gap:var(--space-sm);transition:color .15s ease;transition:color var(--transition-fast)}.footer-link:hover{color:#60a5fa;color:var(--primary-400);text-decoration:none}.link-icon{font-size:1.1rem}.stats-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-item{background-color:#ffffff0d;border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md);text-align:center;transition:transform .25s ease;transition:transform var(--transition-normal)}.dark .stat-item{background-color:#ffffff1a}.stat-item:hover{background-color:#ffffff14;transform:translateY(-4px)}.dark .stat-item:hover{background-color:#ffffff26}.stat-value{color:#60a5fa;color:var(--primary-400);font-size:1rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-label{font-size:.8rem}.contact-description,.stat-label{color:#9ca3af;color:var(--neutral-400)}.contact-description{font-size:.9rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.social-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.social-link{align-items:center;background-color:#ffffff0d;border-radius:.5rem;border-radius:var(--radius-md);color:#d1d5db;color:var(--neutral-300);display:flex;font-size:.9rem;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s ease;transition:all var(--transition-normal)}.dark .social-link,.social-link:hover{background-color:#ffffff1a}.social-link:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}.dark .social-link:hover{background-color:#fff3}.social-icon{font-size:1.1rem}.footer-bottom{background-color:#0003;padding:1rem 0;padding:var(--space-md) 0}.dark .footer-bottom{background-color:#0006}.footer-bottom-content{align-items:center;justify-content:space-between;margin:0 auto;max-width:72rem;padding:0 1rem;padding:0 var(--space-md)}.copyright,.footer-bottom-content{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.copyright{color:#6b7280;color:var(--neutral-500);font-size:.8rem}.dark .copyright{color:#9ca3af;color:var(--neutral-400)}.open-source{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs)}.opensource-icon{font-size:1rem}.made-with{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs)}.heart-icon{animation:heartbeat 1.5s infinite;color:#ef4444;color:var(--error-500)}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.credits{font-size:.8rem}.photo-credit{align-items:center;color:#6b7280;color:var(--neutral-500);display:flex;gap:.25rem;gap:var(--space-xs);transition:color .15s ease;transition:color var(--transition-fast)}.dark .photo-credit{color:#9ca3af;color:var(--neutral-400)}.photo-credit:hover{color:#d1d5db;color:var(--neutral-300);text-decoration:none}.dark .photo-credit:hover{color:#e5e7eb;color:var(--neutral-200)}.external-icon{font-size:.9rem}@media (min-width:640px){.alphabet-grid,.options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.alphabet-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.alphabet-grid{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.c7a5fdb7.css.map*/