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}.App{background-color:#f5f6fa;min-height:100vh}.navbar{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);box-shadow:0 4px 15px #0000001a;justify-content:space-between;padding:1.5rem 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-brand a,.navbar{align-items:center;display:flex}.nav-brand a{color:#fff;font-size:2.2rem;font-weight:800;gap:.8rem;text-decoration:none;text-shadow:2px 2px 4px #0000001a;transition:transform .3s ease}.nav-brand a:hover{text-shadow:2px 2px 8px #0003;transform:translateY(-2px)}.nav-links{align-items:center;display:flex;gap:3rem}.nav-links a{border-radius:12px;color:#fff;font-size:1.3rem;font-weight:600;padding:.8rem 1.5rem;position:relative;text-decoration:none;text-shadow:1px 1px 2px #0000001a;transition:all .3s ease}.nav-links a:after{background-color:#fff;bottom:0;box-shadow:0 2px 4px #0000001a;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links a:hover{background-color:#fff3;color:#fff;transform:translateY(-2px)}.nav-links a:hover:after{width:80%}.menu-toggle{background:none;border:none;border-radius:12px;cursor:pointer;display:none;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.menu-toggle:hover{background-color:#fff3;transform:translateY(-2px)}.menu-toggle span{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:block;height:4px;transition:all .3s ease;width:32px}.page-container{display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.main-content{flex:1 1;padding:2rem;transition:all .3s ease}.main-content.full-width{margin:0 auto;max-width:1200px;padding:2rem}.sidebar{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px;width:280px}.sidebar h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-btn{align-items:center;background-color:#f8f9fa;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.category-btn:hover{background-color:#e9ecef;transform:translateX(5px)}.category-btn.active{background-color:#3498db;color:#fff}.category-icon{font-size:1.5rem}.category-name{font-size:1rem;font-weight:500}.content{flex:1 1;padding:2rem}.search-bar{display:flex;gap:1rem;margin-bottom:2rem}.search-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease}.search-input:focus{border-color:#3498db;outline:none}.toggle-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.toggle-button:hover{background-color:#2980b9}.phrases-container{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.phrase-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease}.pulaar-text{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.english-text{color:#7f8c8d;font-size:1rem}.quiz-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.quiz-container h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.question-text{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.answer-options{grid-gap:1rem;display:grid;gap:1rem}.answer-button{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px}.answer-button:hover{background-color:#e9ecef;border-color:#3498db}.quiz-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease}.quiz-button:hover{background-color:#2980b9}.about-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.about-section h2{margin-bottom:1rem}.about-section ul{list-style-type:disc;margin-left:1.5rem}.history-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.history-section h2{color:#2c3e50;margin-bottom:1rem}.history-section ul{list-style-type:disc;margin-left:1.5rem}.contact-container{max-width:1000px}.contact-content{grid-gap:2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 2fr;padding:2rem}.contact-info{border-right:1px solid #e9ecef;padding-right:2rem}.contact-details{margin-top:2rem}.contact-item{margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{color:#3498db;text-decoration:none}.contact-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{gap:.5rem}.form-group label{font-weight:500}.form-group input,.form-group textarea{font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db}.submit-button{background-color:#3498db;padding:1rem;transition:background-color .3s ease}.submit-button:hover{background-color:#2980b9}@media (max-width:1024px){.page-container{padding:1rem}}@media (max-width:768px){.menu-toggle{display:flex}.nav-links{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);flex-direction:column;gap:1rem;left:0;opacity:0;padding:1.5rem;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-links.active{box-shadow:0 4px 6px #0000001a;opacity:1;transform:translateY(0);visibility:visible}.nav-links a{padding:1rem;text-align:center;width:100%}.nav-links a:after{display:none}.page-container{flex-direction:column;padding:1rem}.sidebar{position:static;width:100%}.category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-btn:hover{transform:translateY(-2px)}}@media (max-width:480px){.navbar{padding:1rem}.nav-brand a{font-size:1.6rem}.search-bar{flex-direction:column}.toggle-button{width:100%}.phrases-container{grid-template-columns:1fr}.about-container,.contact-container,.history-container,.quiz-container{padding:1rem}.category-list{grid-template-columns:1fr}}.home-container{background:#f8f9fa;height:calc(100vh - 60px);overflow-y:auto;padding:1rem;scroll-behavior:smooth}.welcome-section{margin:0 auto;max-width:1200px;padding:1rem;text-align:center}.welcome-section h1{font-size:1.8rem;margin-bottom:.5rem}.welcome-section p{font-size:.9rem;margin-bottom:1.5rem}.featured-categories{margin-top:1rem;padding:0 .5rem}.featured-categories h2{font-size:1.2rem;margin-bottom:.8rem;text-align:left}.category-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)!important;margin:0 auto;max-width:1200px;padding:0}.category-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:.8rem;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.category-card .category-icon{color:#4ecdc4;font-size:1.6rem;margin-bottom:.3rem}.category-card h3{color:#1a2a6c;font-size:.9rem;line-height:1.2;margin:0}.content-section{margin:0 auto;max-width:1200px;padding:1rem;scroll-margin-top:0}.content-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;padding-top:.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.content-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-left .category-icon{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;font-size:2.5rem;padding:1rem}.header-left h1{color:#1a2a6c;font-size:1.5rem;font-weight:700;margin:0}.search-box{position:relative;width:300px}.search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.8rem 1rem .8rem 2.5rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#1a2a6c;box-shadow:0 0 0 3px #1a2a6c1a;outline:none}.search-icon{color:#666;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.phrases-container{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:0 .8rem}.phrase-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;height:auto;justify-content:center;margin-bottom:.5rem;min-height:75px;padding:.6rem;transition:all .3s ease}.phrase-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.phrase-content{display:flex;flex-direction:column;gap:.3rem;height:100%;justify-content:center;width:100%}.phrase-pulaar{color:#1a2a6c;font-size:.75rem;font-weight:600}.phrase-english,.phrase-pulaar{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;max-height:2.6em;overflow:hidden;overflow-wrap:break-word}.phrase-english{color:#666;font-size:.65rem}.video-section{margin-top:4rem;text-align:center}.video-section h2{color:#1a2a6c;font-size:2rem;margin-bottom:2rem}.video-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:900px;overflow:hidden;padding:1rem}.video-container iframe{border-radius:12px}.app-download-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;margin:3rem 0;padding:4rem 2rem}.app-download-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.app-info{padding-right:2rem}.app-info h2{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem}.app-info p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.app-features{list-style:none;margin-bottom:2rem;padding:0}.app-features li{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;padding-left:1.5rem;position:relative}.app-features li:before{color:#4ecdc4;content:"✓";font-weight:700;left:0;position:absolute}.app-store-button{display:inline-block;margin-bottom:1.5rem;transition:transform .3s ease}.app-store-button:hover{transform:translateY(-2px)}.app-store-badge{height:48px;width:auto}.coming-soon{color:#666;font-size:1rem;font-style:italic}.app-preview{align-items:center;display:flex;justify-content:center}.app-screenshot{border-radius:20px;box-shadow:0 10px 30px #0000001a;height:auto;max-width:100%;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease}.app-screenshot:hover{transform:perspective(1000px) rotateY(0deg)}@media (max-width:389px){.welcome-section h1{font-size:1.6rem}.welcome-section p{font-size:.85rem}.category-grid{gap:.5rem}.category-card{min-height:85px;padding:.6rem}.category-card .category-icon{font-size:1.3rem;margin-bottom:.2rem}.category-card h3{font-size:.75rem}.phrases-container{gap:.6rem;padding:0 .6rem}.phrase-card{min-height:70px;padding:.5rem}.phrase-pulaar{font-size:.7rem}.phrase-english{font-size:.6rem}.content-section{padding:.8rem}.content-header{margin-bottom:.8rem;padding-bottom:.8rem}}@media (min-width:390px) and (max-width:427px){.category-grid{gap:.6rem}.category-card{min-height:90px;padding:.7rem}.category-card .category-icon{font-size:1.4rem;margin-bottom:.25rem}.category-card h3{font-size:.8rem}.phrases-container{gap:.55rem;padding:0 .55rem}.phrase-card{min-height:72px;padding:.55rem}.phrase-pulaar{font-size:.72rem}.phrase-english{font-size:.62rem}.content-section{padding:.9rem}.content-header{margin-bottom:.9rem;padding-bottom:.9rem}}@media (min-width:428px) and (max-width:480px){.category-grid{gap:.7rem}.category-card{min-height:95px;padding:.8rem}.category-card .category-icon{font-size:1.5rem;margin-bottom:.3rem}.category-card h3{font-size:.85rem}.phrases-container{gap:.6rem;padding:0 .6rem}.phrase-card{min-height:75px;padding:.6rem}.phrase-pulaar{font-size:.75rem}.phrase-english{font-size:.65rem}.content-section{padding:1rem}.content-header{margin-bottom:1rem;padding-bottom:1rem}}@media (min-width:768px){.home-container,.welcome-section{padding:1.5rem}.welcome-section h1{font-size:2.2rem}.welcome-section p{font-size:1.1rem;margin-bottom:2rem}.featured-categories{margin-top:1.5rem;padding:0 1rem}.featured-categories h2{font-size:1.4rem;margin-bottom:1rem}.category-grid{gap:1rem;grid-template-columns:repeat(3,1fr)!important}.category-card{min-height:120px;padding:1.2rem}.category-card .category-icon{font-size:2rem;margin-bottom:.5rem}.category-card h3{font-size:1.1rem}.phrases-container{gap:.9rem;grid-template-columns:repeat(3,1fr);padding:0 .9rem}.phrase-card{min-height:80px;padding:.7rem}.phrase-pulaar{font-size:.8rem}.phrase-english{font-size:.7rem}.content-section{padding:1.2rem}.content-header{margin-bottom:1.2rem;padding-bottom:1.2rem}}@media (min-width:1024px){.category-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 2rem}.phrase-card{min-height:85px;padding:.8rem}.phrases-container{gap:1rem;grid-template-columns:repeat(4,1fr);padding:0 1rem}.phrase-pulaar{font-size:.85rem}.phrase-english{font-size:.75rem}}@media (max-width:768px){.home-container,.welcome-section{padding:1rem}.welcome-section h1{font-size:2.5rem}.content-header{align-items:flex-start;flex-direction:column;gap:1rem}.search-box{width:100%}.video-section{margin-top:3rem}.video-container{padding:.5rem}.video-container iframe{height:400px}.phrase-pulaar{font-size:1.2rem}.phrase-english{font-size:1rem}}@media (max-width:480px){.welcome-section h1{font-size:2rem}.category-grid{grid-template-columns:1fr}.header-left h1{font-size:1.5rem}.video-section h2{font-size:1.8rem}.video-container iframe{height:300px}}@media (max-width:1024px){.app-download-content{gap:2rem}}@media (max-width:768px){.app-download-section{padding:3rem 1.5rem}.app-download-content{grid-template-columns:1fr;text-align:center}.app-info{padding-right:0}.app-features li{text-align:left}.app-preview{order:-1}.app-screenshot{max-width:80%}}@media (max-width:480px){.app-download-section{padding:2rem 1rem}.app-info h2{font-size:2rem}.app-screenshot{max-width:100%}}@media (min-width:768px){.welcome-section h1{font-size:2.5rem}.welcome-section p{font-size:1.1rem}.featured-categories h2{font-size:1.8rem}.category-card .category-icon{font-size:2.8rem}.category-card h3{font-size:1.2rem}.header-left h1{font-size:1.8rem}.phrase-pulaar{font-size:1.3rem}.phrase-english{font-size:1rem}}@media (min-width:1024px){.welcome-section h1{font-size:3rem}.welcome-section p{font-size:1.2rem}.featured-categories h2{font-size:2rem}.category-card .category-icon{font-size:3rem}.category-card h3{font-size:1.2rem}.header-left h1{font-size:2rem}.phrase-pulaar{font-size:1.4rem}.phrase-english{font-size:1.1rem}}@media (min-width:390px) and (max-width:427px){.featured-categories{margin-top:1.5rem;padding:0 .8rem}.featured-categories h2{font-size:1.2rem;margin-bottom:1rem}.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr);padding:0}.category-card{min-height:120px;padding:.8rem}.category-card .category-icon{font-size:1.8rem;margin-bottom:.4rem}.category-card h3{font-size:.9rem}}@media (min-width:428px) and (max-width:480px){.featured-categories{margin-top:1.8rem;padding:0 1rem}.featured-categories h2{font-size:1.25rem;margin-bottom:1.1rem}.category-grid{gap:1rem;grid-template-columns:repeat(2,1fr);padding:0}.category-card{min-height:130px;padding:1rem}.category-card .category-icon{font-size:2rem;margin-bottom:.5rem}.category-card h3{font-size:1rem}}:root{--primary-color:#4caf50;--primary-hover:#45a049;--secondary-color:#2196f3;--secondary-hover:#1976d2;--text-color:#2c3e50;--text-light:#7f8c8d;--background-light:#f8f9fa;--border-color:#e0e0e0;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 6px 12px #00000026;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.quiz-page{background:#f5f7fa;min-height:100vh;padding:2rem}.quiz-container{background:#fff;border-radius:20px;box-shadow:0 10px 20px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.quiz-header{margin-bottom:2rem;text-align:center;width:100%}.quiz-header h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);height:100%;transition:width .3s ease}.quiz-info{color:#666;display:flex;font-size:.9rem;justify-content:space-between}.timer{color:#e74c3c;font-weight:700}.question-section{animation:fadeIn .5s ease;margin-bottom:2rem}.question-section h3{color:#2c3e50;font-size:1.5rem;line-height:1.4}.answer-section{grid-gap:1rem;animation:slideUp .5s ease;display:grid;gap:1rem}.answer-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:1rem;transition:all .3s ease}.answer-button:hover:not(:disabled){border-color:#3498db;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.answer-button.correct{animation:correctAnswer 1s ease;background:#e8f5e9;border-color:#4caf50}.answer-button.incorrect{animation:incorrectAnswer 1s ease;background:#fdecea;border-color:#e74c3c}.answer-button:disabled{cursor:not-allowed;opacity:.7}.answer-icon{font-size:1.2rem}.feedback-section{animation:fadeIn .3s ease;margin-top:1rem;min-height:2rem;text-align:center}.feedback{border-radius:5px;font-size:1.2rem;font-weight:700;padding:.5rem 1rem}.feedback.correct{color:#4caf50}.feedback.incorrect{color:#e74c3c}.score-section{padding:2rem;text-align:center}.trophy-icon{color:#f1c40f;font-size:4rem;margin-bottom:1rem}.score-section h2{color:#2c3e50;margin-bottom:1rem}.score-section p{color:#666;font-size:1.2rem;margin-bottom:.5rem}.restart-button{align-items:center;background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease}.restart-button:hover{background:#2980b9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.navigation-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.nav-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.return-button{background-color:#f0f0f0;color:#333}.return-button:hover{background-color:#e0e0e0}.home-button{background-color:#4caf50;color:#fff}.home-button:hover{background-color:#45a049}.button-group{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (max-width:768px){.quiz-page{padding:1rem}.quiz-container{padding:1.5rem}.quiz-header h2{font-size:1.5rem}.question-section h3{font-size:1.2rem}.answer-button{font-size:.9rem;padding:.8rem}.navigation-buttons{flex-direction:column;width:100%}.nav-button{justify-content:center;width:100%}.button-group{width:100%}}@media (max-width:480px){.quiz-container{padding:1rem}.quiz-info{align-items:center;flex-direction:column;gap:.5rem}.answer-button{font-size:.85rem;padding:.7rem}}.quiz-type-selection{padding:2rem;text-align:center}.quiz-type-selection h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.quiz-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.quiz-type-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.quiz-type-card:hover{border-color:#3498db;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.quiz-type-icon{color:#3498db;display:block;font-size:2.5rem;margin-bottom:1rem}.quiz-type-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.quiz-type-card p{color:#666;font-size:1rem;line-height:1.4}.word-matching-container{padding:1rem}.word-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.word-column{background:#f8f9fa;border-radius:15px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.word-column h3{border-bottom:2px solid #e0e0e0;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.word-button,.word-column h3{color:#2c3e50;text-align:center}.word-button{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.word-button:hover:not(:disabled){border-color:#3498db;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.word-button.selected{background:#ebf5fb;border-color:#3498db;box-shadow:0 0 0 3px #3498db33;transform:scale(1.02)}.word-button.selectable{animation:pulse 2s infinite;background:#f8f9fa;border-color:#3498db}.word-button.matched{animation:matchSuccess 1s ease;background:#e8f5e9;border-color:#4caf50;cursor:default}.word-button:disabled{cursor:not-allowed;opacity:.7}.matching-feedback{margin-top:1.5rem;min-height:2rem;text-align:center}.matching-hint{animation:fadeIn .3s ease;background:#ebf5fb;border-radius:8px;color:#3498db;display:inline-block;font-size:1.1rem;font-style:italic;padding:.5rem 1rem}@keyframes matchSuccess{0%{transform:scale(1)}50%{box-shadow:0 0 20px #4caf504d;transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{box-shadow:0 0 20px #4caf504d;transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectAnswer{0%{transform:scale(1)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}@media (max-width:768px){.word-columns{gap:1rem;grid-template-columns:1fr}.word-button{font-size:.9rem;padding:.8rem}.matching-hint{font-size:1rem}}.translation-quiz{animation:fadeIn .5s ease;padding:1rem}.translation-form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.translation-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:1.1rem;padding:1rem;transition:all .3s ease;width:100%}.translation-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.translation-input:disabled{background:#f5f5f5;cursor:not-allowed}.submit-translation{background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.submit-translation:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.submit-translation:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.submit-translation,.translation-input{font-size:1rem;padding:.8rem}}.fill-blank-quiz{animation:fadeIn .5s ease;padding:1rem}.fill-blank-form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.blank-space{border-bottom:2px solid #3498db;display:inline-block;margin:0 .5rem;min-width:100px;vertical-align:middle}.blank-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:1.1rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.blank-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.blank-input:disabled{background:#f5f5f5;cursor:not-allowed}.submit-blank{background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.submit-blank:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.submit-blank:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.blank-input,.submit-blank{font-size:1rem;padding:.8rem}.blank-space{min-width:80px}}.next-button{background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.next-button:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.next-button:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.next-button{font-size:1rem;padding:.8rem 1.5rem}}.about-page{margin:0 auto;max-width:1200px;padding:2rem}.about-hero{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.about-hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0003}.about-hero p{font-size:1.2rem;opacity:.9}.about-section{background:#fff;border-radius:15px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:2.5rem}.about-section h2{align-items:center;color:#2c3e50;display:flex;font-size:2rem;gap:1rem;margin-bottom:1.5rem}.section-icon{margin-bottom:1rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:#f8f9fa;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:#4ecdc4;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#2c3e50;margin-bottom:1rem}.team-values{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.value-item{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center}.value-item h3{color:#4ecdc4;margin-bottom:.5rem}.social-content{padding:2rem;text-align:center}.social-cta{flex-wrap:wrap;margin-top:2rem}.facebook-button,.instagram-button{display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem}.facebook-button{color:#fff}.facebook-button:hover{background:#166fe5;box-shadow:0 4px 12px #1877f233;transform:translateY(-2px)}.instagram-button{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.instagram-button:hover{box-shadow:0 4px 12px #dc274333;transform:translateY(-2px)}.social-icon{font-size:1.5rem}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.contact-info{gap:2rem}.contact-item{align-items:center;display:flex;gap:1rem}.contact-icon{color:#4ecdc4;font-size:2rem}.contact-item h3{color:#2c3e50;margin-bottom:.5rem}.contact-cta{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;text-align:center}.contact-button{background:#4ecdc4;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-button:hover{background:#45b7af;box-shadow:0 4px 12px #4ecdc433;transform:translateY(-2px)}@media (max-width:768px){.about-hero{padding:3rem 1rem}.about-hero h1{font-size:2.5rem}.about-section{padding:2rem}.contact-grid{gap:2rem;grid-template-columns:1fr}.social-cta{align-items:center;flex-direction:column}.facebook-button,.instagram-button{justify-content:center;width:100%}}@media (max-width:480px){.about-page{padding:1rem}.about-hero h1{font-size:2rem}.features-grid,.team-values{grid-template-columns:1fr}}.offerings{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.offering{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.offering:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.offering-icon{font-size:2.5rem;margin-bottom:1rem}.offering h3{color:#1a2a6c;font-size:1.4rem;margin-bottom:1rem}.offering p{color:#666;font-size:1.1rem;line-height:1.6}.coming-soon-badge{animation:pulse 2s infinite;background:#ff6b6b;border-radius:20px;box-shadow:0 2px 4px #ff6b6b33;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.4rem 1rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.offerings{gap:1.5rem;grid-template-columns:1fr}.offering{padding:1.5rem}.offering-icon{font-size:2rem}.offering h3{font-size:1.2rem}.offering p{font-size:1rem}}.history-page{margin:0 auto;max-width:1200px;padding:2rem}.history-hero{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:16px;color:#fff;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.history-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.history-hero p{font-size:1.2rem;opacity:.9}.history-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2.5rem}.section-icon{color:#4ecdc4;font-size:2.5rem;margin-bottom:1.5rem}.section-content h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem}.section-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.timeline{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.timeline-item{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.timeline-item:hover{transform:translateY(-5px)}.timeline-item h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.timeline-item p{color:#666;font-size:1rem;margin:0}.culture-grid,.influence-grid,.language-features,.preservation-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.action-item,.culture-card,.feature,.influence-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;transition:transform .3s ease}.action-item:hover,.culture-card:hover,.feature:hover,.influence-card:hover{transform:translateY(-5px)}.action-item h3,.culture-card h3,.feature h3,.influence-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.action-item p,.culture-card p,.feature p,.influence-card p{color:#666;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.history-hero{padding:3rem 1.5rem}.history-hero h1{font-size:2.5rem}.history-section{padding:2rem}.culture-grid,.influence-grid,.language-features,.preservation-actions,.timeline{grid-template-columns:1fr}}@media (max-width:480px){.history-hero h1{font-size:2rem}.section-content h2{font-size:1.8rem}}.contact-page{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.contact-hero{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:15px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.contact-hero h1{font-size:2rem;line-height:1.2;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.contact-hero p{font-size:1rem;line-height:1.4;opacity:.9}.contact-container{grid-gap:2rem;background:#fff;border-radius:15px;box-shadow:0 2px 4px #0000000d;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.contact-info{display:flex;flex-direction:column;gap:1rem}.info-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-icon{color:#4ecdc4;font-size:2rem;margin-bottom:.5rem}.info-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.info-card p{color:#666;font-size:.9rem;margin-bottom:.5rem}.social-section{align-items:center;background:#f8f9fa;border-radius:15px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:600px;padding:2rem 1rem;text-align:center;width:100%}.social-section h2{color:#1a2a6c;font-size:1.8rem;margin-bottom:1rem;text-align:center;width:100%}.social-section p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:500px;padding:0 1rem;text-align:center;width:100%}.social-cta{flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;padding:0}.facebook-button,.instagram-button,.social-cta{align-items:center;display:flex;justify-content:center;width:100%}.facebook-button,.instagram-button{border-radius:8px;color:#fff;font-weight:500;gap:.8rem;max-width:280px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.facebook-button{background:#1877f2}.instagram-button{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}.social-icon{font-size:1.2rem}@media (max-width:389px){.social-section{margin:1.5rem auto;padding:1.5rem .8rem}.social-section p{padding:0 .5rem}.social-cta{max-width:280px}.facebook-button,.instagram-button{font-size:.9rem;max-width:280px;padding:.7rem 1rem}}@media (min-width:390px) and (max-width:427px){.social-section{margin:1.8rem auto;padding:1.8rem 1rem}.social-cta{max-width:300px}.facebook-button,.instagram-button{font-size:.95rem;max-width:300px}}@media (min-width:428px) and (max-width:480px){.social-section{margin:2rem auto;padding:2rem 1.2rem}.social-cta{max-width:320px}.facebook-button,.instagram-button{font-size:1rem;max-width:320px}}@media (min-width:768px){.contact-container{grid-template-columns:1fr 2fr;padding:2rem}.social-section{grid-column:1/-1;margin:2.5rem auto;padding:2.5rem 2rem}.social-cta{max-width:350px}.facebook-button,.instagram-button{font-size:1.1rem;max-width:350px}}.contact-form-container{background:#f8f9fa;border-radius:12px;padding:1.5rem}.contact-form{gap:1rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.3rem}.form-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.submit-button{align-items:center;background:#4ecdc4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:#45b7af;box-shadow:0 4px 12px #4ecdc433;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-icon{font-size:1.2rem}.success-message{background:#d4edda;color:#155724}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin-top:.8rem;padding:.8rem;text-align:center}.error-message{background:#f8d7da;color:#721c24}@media (min-width:768px){.contact-page{padding:2rem}.contact-hero{padding:3rem 2rem}.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1.2rem}.contact-container{gap:3rem;grid-template-columns:1fr 2fr;padding:2rem}.contact-info{flex-direction:column;gap:2rem}.info-card{padding:2rem}.info-card h3{font-size:1.2rem}.form-group label,.info-card p{font-size:1rem}.form-group input,.form-group textarea{font-size:1rem;padding:1rem}.submit-button{font-size:1.1rem;padding:1rem 2rem;width:auto}}@media (min-width:1024px){.contact-hero h1{font-size:3rem}}@media (max-width:768px){.contact-hero{padding:3rem 1rem}.contact-hero h1{font-size:2.5rem}.contact-container,.contact-form-container{padding:1.5rem}}@media (max-width:480px){.contact-page{padding:1rem}.contact-hero h1{font-size:2rem}.info-card{flex:1 1 100%}}
/*# sourceMappingURL=main.cf44dbb3.css.map*/