@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #D32F2F;--primary-dark: #B71C1C;--primary-light: #EF5350;--accent: #FBC02D;--accent-dark: #F9A825;--accent-light: #FFE082;--bg-primary: #FFF8E1;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-subtle: #F3E5AB;--text-primary: #212121;--text-secondary: #484848;--text-muted: #757575;--text-on-primary: #FFFFFF;--border: #F3E5AB;--border-medium: #D7CCC8;--divider: #E0E0E0;--success: #4CAF50;--warning: #FBC02D;--error: #C62828;--info: #0288D1;--soft-red-tint: #FFEBEE;--soft-yellow-tint: #FFF9C4;--soft-black-tint: #FAFAFA;--shadow-sm: 0 2px 8px rgba(211, 47, 47, .08);--shadow-md: 0 4px 16px rgba(211, 47, 47, .12);--shadow-lg: 0 8px 32px rgba(211, 47, 47, .16);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2.5rem;--highlight: #ffee58;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideIn .4s ease-out}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all .2s ease}button:active{transform:scale(.98)}input,select{font-family:var(--font-sans);outline:none;transition:all .2s ease}@media(max-width:768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.container{padding:0 var(--spacing-md)}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,#FFF5E1 50%,var(--bg-primary) 100%);position:relative}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(211,47,47,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(251,192,45,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.header{background:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-lg) 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:nowrap;position:relative}.logo-section{animation:slideIn .6s ease-out;flex:0 1 auto;min-width:250px}.logo-container{display:flex;align-items:center;gap:var(--spacing-md);transition:opacity .2s ease}.logo-container:hover{opacity:.9}.logo-image{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo{font-size:2.5rem;font-weight:800;margin-bottom:0;letter-spacing:-.02em}.subtitle{font-size:1rem;opacity:.95;font-weight:500}.nav-menu{display:flex;gap:var(--spacing-sm);animation:fadeIn .6s ease-out .2s both}.nav-link{background:transparent;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;transition:all .2s ease;position:relative;border:none;cursor:pointer;text-decoration:none;display:inline-block}.nav-link:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--primary);transition:transform .3s ease}.nav-link:hover{background:var(--primary-light);color:var(--primary-dark)}.nav-link:hover:after{transform:translate(-50%) scaleX(1)}.nav-link.active{background:var(--primary);color:#fff}.nav-link.active:after{transform:translate(-50%) scaleX(1)}.donate-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#fd0,#ff6b35);color:#1a1a1a;text-decoration:none;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff6b354d;white-space:nowrap;z-index:1001;position:relative}.donate-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566;background:linear-gradient(135deg,#ffe033,#ff7b4a)}.donate-button:active{transform:translateY(0)}.donate-button svg{flex-shrink:0;width:20px;height:20px}.donate-text{font-weight:700;letter-spacing:.02em}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:6px;z-index:1002;position:relative;transition:transform .2s ease;touch-action:manipulation}.hamburger-menu:active{transform:scale(.95)}.hamburger-line{width:100%;height:3px;background:var(--primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-line.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.main{flex:1;padding:var(--spacing-2xl) 0;min-height:calc(100vh - 200px)}.home-tagline{text-align:center;margin-bottom:var(--spacing-2xl);animation:fadeIn .6s ease-out}.home-tagline p{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.5;letter-spacing:-.01em;opacity:.9}.search-section{margin-bottom:var(--spacing-2xl);animation:fadeIn .6s ease-out .2s both}.language-switcher{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center}.lang-btn{background:var(--bg-card);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.lang-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .3s ease}.lang-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lang-btn:hover:after{transform:scaleX(1)}.lang-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.lang-btn.active:after{transform:scaleX(1)}.lang-toggle-btn{background:var(--primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;font-weight:700;border:2px solid var(--primary);transition:all .3s ease;cursor:pointer;white-space:nowrap;min-width:70px;text-align:center;flex-shrink:0}.lang-toggle-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #d32f2f4d}.search-container{position:relative;margin-bottom:var(--spacing-lg)}.search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl) 3.5rem;font-size:1.125rem;border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),0 8px 16px #d32f2f1a;transform:translateY(-2px);outline:none}.search-input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.search-input::placeholder{color:var(--text-muted)}.clear-button{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);background:var(--bg-secondary);color:var(--text-secondary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.clear-button:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1)}.filter-section{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease;min-width:200px}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.filter-select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.results-count{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.results-section{min-height:400px}.entries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%}@media(min-width:1600px){.entries-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px)and (max-width:1599px){.entries-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px)and (max-width:1199px){.entries-grid{grid-template-columns:repeat(3,1fr)}}.entry-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:1;animation:fadeIn .4s ease-out;position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;touch-action:manipulation}.entry-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.entry-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,192,45,.1),transparent);transition:left .5s ease}.entry-card:hover:before{left:100%}.entry-card:hover{box-shadow:0 12px 24px #d32f2f26,0 0 0 1px var(--primary);transform:translateY(-8px) scale(1.02);border-color:var(--primary)}.entry-card:active{transform:translateY(-4px) scale(1.01)}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.headword{font-size:1.35rem;font-weight:700;color:var(--primary);line-height:1.2;flex:1}.pos-badge{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--text-primary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:var(--shadow-sm)}.pos-badge.large{font-size:.875rem;padding:.5rem 1rem}.classifier{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.9rem}.classifier-label{color:var(--text-secondary);font-weight:500}.classifier-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:var(--radius-sm)}.definition{color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.6}.example{background:var(--primary-light);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--primary);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.example-icon{font-size:1.25rem;flex-shrink:0}.example-text{color:#fff;font-style:italic;line-height:1.5;font-size:.95rem}.no-results{text-align:center;padding:var(--spacing-2xl);animation:fadeIn .6s ease-out}.no-results-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-results h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.no-results p{color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#14181fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #14181f4d;position:relative;animation:slideIn .3s ease-out;margin:var(--spacing-lg);-webkit-overflow-scrolling:touch}@media(max-width:640px){.modal-content{margin:var(--spacing-md);padding:var(--spacing-xl);max-height:95vh;border-radius:var(--radius-lg)}}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--bg-secondary);color:var(--text-secondary);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;cursor:pointer;border:none;touch-action:manipulation;z-index:10}.modal-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.modal-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.modal-header{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-right:var(--spacing-2xl)}.modal-headword{font-size:2rem;font-weight:800;color:var(--primary);flex:1}.modal-classifier{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.95rem}.modal-definition,.modal-example{margin-bottom:var(--spacing-lg)}.modal-definition h4,.modal-example h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.modal-definition p{font-size:1.125rem;line-height:1.7;color:var(--text-primary)}.modal-example p{background:var(--primary-light);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:3px solid var(--primary);font-style:italic;color:var(--text-secondary);line-height:1.6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:1.125rem}.footer{background:var(--bg-secondary);padding:var(--spacing-xl) 0;text-align:center;color:var(--text-secondary);margin-top:var(--spacing-2xl);border-top:1px solid var(--border)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.copyright{font-weight:600;color:var(--text-primary);font-size:1rem}.powered-by{font-size:.9rem}.powered-by a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s ease}.powered-by a:hover{color:var(--primary-dark);text-decoration:underline}.footer-logo{height:50px;width:auto;object-fit:contain;margin-bottom:var(--spacing-sm);opacity:.9}.page-content{max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.page-title{font-size:2.5rem;font-weight:800;color:var(--primary);margin-bottom:var(--spacing-xl);text-align:center}.content-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);line-height:1.8}.content-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.content-card h3:first-child{margin-top:0}.content-card p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.content-card ul{list-style:none;padding:0;margin:var(--spacing-md) 0}.content-card ul li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative;color:var(--text-secondary)}.content-card ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.about-hero{display:flex;align-items:flex-start;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--border)}.about-image-container{flex-shrink:0;width:200px;height:200px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.about-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.about-intro{flex:1}.about-lead{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.7;margin-bottom:var(--spacing-lg)}.about-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border)}.about-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.features-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:grid;gap:var(--spacing-lg)}.features-list li{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary);transition:all .3s ease}.features-list li:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.feature-icon{font-size:2rem;flex-shrink:0;line-height:1}.features-list li div{flex:1}.features-list li strong{display:block;font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.features-list li p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.structure-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:grid;gap:var(--spacing-md)}.structure-list li{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.structure-list li strong{color:var(--primary);font-size:1rem;font-weight:700}.structure-list li span{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dialect-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.dialect-list li{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent);font-weight:500;color:var(--text-primary)}.table-container{overflow-x:auto;margin:var(--spacing-lg) 0;border-radius:var(--radius-md);background:var(--bg-secondary);padding:var(--spacing-md)}.phonetic-table,.grammar-table,.pronoun-table,.vocabulary-table,.phrases-table,.numerals-table{width:100%;border-collapse:collapse;font-size:.95rem;background:transparent}.phonetic-table th,.grammar-table th,.pronoun-table th,.vocabulary-table th,.phrases-table th,.numerals-table th{background:var(--primary);color:#fff;padding:var(--spacing-md);text-align:left;font-weight:600;border:1px solid rgba(255,255,255,.1)}.phonetic-table td,.grammar-table td,.pronoun-table td,.vocabulary-table td,.phrases-table td,.numerals-table td{padding:var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.phonetic-table tr:nth-child(2n) td,.grammar-table tr:nth-child(2n) td,.pronoun-table tr:nth-child(2n) td,.vocabulary-table tr:nth-child(2n) td,.phrases-table tr:nth-child(2n) td,.numerals-table tr:nth-child(2n) td{background:var(--bg-secondary)}.phonetic-notes{list-style:none;padding:0;margin:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.phonetic-notes li{padding:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.phonetic-notes li em{color:var(--text-primary);font-style:italic}.grammar-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.grammar-list li{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary);color:var(--text-primary);line-height:1.7}.grammar-list li em{color:var(--accent);font-weight:500}.alphabet-container{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.alphabet-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary);margin:0;font-family:Courier New,monospace}.declaration-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.declaration-jarai,.declaration-english{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.declaration-jarai h5,.declaration-english h5{margin-top:0;margin-bottom:var(--spacing-md);color:var(--primary);font-size:1.125rem}.declaration-jarai p,.declaration-english p{margin:0;line-height:1.8;color:var(--text-primary)}.declaration-jarai p strong,.declaration-english p strong{display:block;margin-bottom:var(--spacing-sm);color:var(--primary);font-size:1.1rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0}.team-member{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);transition:transform .3s ease}.team-member:hover{transform:translateY(-4px)}.team-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.team-member:hover .team-avatar{box-shadow:0 8px 24px #d32f2f4d;transform:scale(1.05)}.team-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.team-member:hover .team-avatar:before{opacity:1}.team-avatar-initial{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:.05em;z-index:1;position:relative}.team-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.team-avatar:has(.team-avatar-image[style*="display: none"]){background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.team-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);margin-top:0}.team-title{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:500}.contact-hero{text-align:center;margin-bottom:var(--spacing-2xl);max-width:700px;margin-left:auto;margin-right:auto}.contact-intro{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-top:var(--spacing-md)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.contact-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.contact-card:hover:before{transform:scaleX(1)}.contact-card:active{transform:translateY(-4px)}.contact-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);transition:all .3s ease;position:relative}.email-card .contact-icon{background:linear-gradient(135deg,#ea4335,#c62828);color:#fff}.youtube-card .contact-icon{background:linear-gradient(135deg,red,#c00);color:#fff}.facebook-card .contact-icon{background:linear-gradient(135deg,#1877f2,#0d47a1);color:#fff}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #00000026}.contact-card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);transition:color .3s ease}.contact-card:hover .contact-card-title{color:var(--primary)}.contact-card-text{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);word-break:break-word;line-height:1.6}.contact-card-action{font-size:.875rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translateY(10px);transition:all .3s ease;margin-top:auto}.contact-card:hover .contact-card-action{opacity:1;transform:translateY(0)}.email-card:hover{border-color:#ea4335}.youtube-card:hover{border-color:red}.facebook-card:hover{border-color:#1877f2}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0;animation:fadeIn .4s ease-out}.pagination-btn{background:var(--bg-card);color:var(--primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#d32f2f1a;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.pagination-btn:hover:before{width:200%;height:200%}.pagination-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #d32f2f33}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--spacing-xs);align-items:center}.pagination-number{background:var(--bg-card);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;border:2px solid var(--border);min-width:44px;transition:all .2s ease}.pagination-number:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)}.pagination-number.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md)}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--spacing-xs);font-weight:600}.page-info{color:var(--text-muted);font-size:.9rem;font-weight:400}@media(min-width:1025px){.hamburger-menu{display:none!important}.header-content{position:relative}.nav-menu{display:flex!important;position:static!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;flex-direction:row!important;gap:var(--spacing-sm)!important;margin-left:auto;order:2}.nav-link{width:auto!important;text-align:center!important;padding:var(--spacing-sm) var(--spacing-lg)!important;font-size:1rem!important;min-height:auto!important}.donate-button{order:3;margin-left:var(--spacing-md)}}@media(max-width:1024px)and (min-width:769px){.container{padding:0 var(--spacing-xl)}.entries-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.logo{font-size:2rem}.nav-menu{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.language-switcher{gap:var(--spacing-md)}.lang-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;min-height:44px}.pagination-btn,.page-number{min-width:44px;min-height:44px}}.mobile-menu-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s ease-out}@media(max-width:1024px){.hamburger-menu{display:flex!important}.nav-menu:not(.mobile-open){display:none}.donate-button{order:0;margin-left:0;padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.donate-text{display:none}.donate-button svg{width:18px;height:18px}.nav-menu{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;background:var(--bg-card);flex-direction:column;padding:var(--spacing-2xl);padding-top:calc(var(--spacing-2xl) + 80px);box-shadow:-4px 0 12px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1001;gap:var(--spacing-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-menu.mobile-open{right:0}.nav-link{width:100%;text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center;touch-action:manipulation}.nav-link:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.nav-link:after{display:none}.logo{font-size:1.5rem}.subtitle{font-size:.75rem}.logo-image{height:30px}.header-content{flex-wrap:wrap;gap:var(--spacing-md)}.logo-section{min-width:auto;flex:1 1 auto}.language-switcher{gap:4px;margin-bottom:var(--spacing-sm);flex-direction:row!important}.lang-btn{flex:1;font-size:.7rem;padding:6px 8px;min-height:36px;white-space:nowrap}.filter-section{flex-direction:row!important;align-items:center;gap:6px;margin-bottom:var(--spacing-md)}.filter-select{flex:1;font-size:.75rem;padding:6px 8px;min-height:36px;width:auto!important}.results-count{font-size:.7rem;white-space:nowrap;flex-shrink:0;margin:0}.page-info{display:none}.search-input{font-size:.9rem;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) 2.75rem}.headword{font-size:1.2rem}.definition{font-size:.85rem}.pos-badge{font-size:.65rem}.entries-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)}.container{padding:0 var(--spacing-md)}.header-content{gap:var(--spacing-md)}.logo-section{min-width:auto;flex:1}.donate-button{padding:8px 12px;min-width:44px;justify-content:center}.home-tagline{margin-bottom:var(--spacing-xl)}.home-tagline p{font-size:1.25rem}.about-hero{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.about-image-container{width:150px;height:150px}.about-lead{font-size:1rem}.features-list li{flex-direction:column;text-align:center;align-items:center}.feature-icon{font-size:1.5rem}.team-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.team-avatar{width:100px;height:100px}.team-avatar-initial{font-size:2rem}.team-name{font-size:1.125rem}.dialect-list{grid-template-columns:1fr}.table-container{padding:var(--spacing-sm)}.phonetic-table,.grammar-table,.pronoun-table,.vocabulary-table,.phrases-table,.numerals-table{font-size:.85rem}.phonetic-table th,.grammar-table th,.pronoun-table th,.vocabulary-table th,.phrases-table th,.numerals-table th,.phonetic-table td,.grammar-table td,.pronoun-table td,.vocabulary-table td,.phrases-table td,.numerals-table td{padding:var(--spacing-sm)}.declaration-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.alphabet-text{font-size:.95rem;word-break:break-word}}.vietnam-warning-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.vietnam-warning-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #d32f2f4d,0 0 40px #d32f2f33;animation:slideUp .4s ease-out;position:relative;overflow:hidden}.vietnam-warning-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(211,47,47,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.vietnam-warning-icon{font-size:4rem;margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite;position:relative;z-index:1}.vietnam-warning-title{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.vietnam-warning-message{font-size:1.5rem;font-weight:700;color:#fff;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#d32f2f33;border-left:4px solid var(--primary);border-radius:var(--radius-md);position:relative;z-index:1}.vietnam-warning-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6;position:relative;z-index:1}.vietnam-warning-button{background:var(--primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.05em}.vietnam-warning-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #d32f2f66}.vietnam-warning-button:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.vietnam-warning-modal{padding:var(--spacing-xl);margin:var(--spacing-lg)}.vietnam-warning-icon{font-size:3rem}.vietnam-warning-title{font-size:1.5rem}.vietnam-warning-message{font-size:1.25rem}}.page-content{max-width:100%;margin:0}.content-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}@media(max-width:767px){.contact-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-card{padding:var(--spacing-xl)}.contact-icon{width:64px;height:64px}.contact-card-title{font-size:1.25rem}.contact-intro{font-size:1rem}}@media(max-width:767px){.header{padding:var(--spacing-md) 0}.header-content{flex-wrap:nowrap;gap:var(--spacing-sm)}.logo-section{flex:1 1 auto;min-width:0;overflow:hidden}.logo{font-size:1.5rem}.subtitle{font-size:.7rem}.logo-image{height:40px}.hamburger-menu{flex-shrink:0;margin-left:auto}.lang-toggle-btn,.filter-select{height:44px!important;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);font-size:.875rem;touch-action:manipulation}.filter-select{padding-right:var(--spacing-lg)}.entries-grid{grid-template-columns:1fr!important;gap:var(--spacing-md)}.main{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-md)}.nav-menu{gap:var(--spacing-xs);width:min(300px,90vw)}.nav-link{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;min-height:48px}.page-title{font-size:1.75rem;margin-bottom:var(--spacing-lg)}.pagination{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.pagination-numbers{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-number{padding:8px 12px;font-size:.875rem;min-width:40px;min-height:40px;touch-action:manipulation}.pagination-btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);min-height:40px;touch-action:manipulation}.search-input{font-size:1rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem}.search-icon{left:var(--spacing-md)}.clear-button{right:var(--spacing-md);width:32px;height:32px}.modal-headword{font-size:1.5rem}.modal-content,.content-card{padding:var(--spacing-lg)}.filter-section{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.results-count{text-align:center;width:100%}}@media(max-width:480px){.logo{font-size:1.25rem}.subtitle{font-size:.65rem}.logo-image{height:32px}.page-title{font-size:1.5rem}.headword{font-size:1.1rem}.entry-card{padding:var(--spacing-sm);min-height:160px}.pagination-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.pagination-number{min-width:36px;min-height:36px;padding:6px 10px;font-size:.8rem}}mark.highlight{background-color:var(--highlight);color:var(--text-primary);border-radius:2px;padding:0 2px}