:root{--primary-color:#2563eb;--primary-dark:#1e40af;--secondary-color:#22c55e;--background-color:#f8f9fa;--text-color:#333;--text-light:#666;--heading-color:#1e293b;--white:#ffffff;--shadow:0 2px 10px rgba(0,0,0,0.1);--shadow-hover:0 4px 20px rgba(0,0,0,0.15);--border-radius:12px;--container-max-width:1600px;--container-padding:2rem;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--urdu-font:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif}html{font-display:swap}.fonts-loading{visibility:hidden}.fonts-loaded .urdu-text,.fonts-loaded [style*="Noto Nastaliq Urdu"]{font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif}.urdu-text{font-family:'Times New Roman',serif;font-size:1.1em}.fonts-loaded .urdu-text{font-size:1em}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.mobile-header{display:none}@media (max-width:768px){.container{padding:0 1rem}.mobile-header{display:flex !important;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background:linear-gradient(135deg,#2563eb,#1e40af);position:relative;z-index:1001}.nav-menu{display:none !important}.mobile-menu-toggle{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);color:white;padding:0.5rem 1rem;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:44px;height:44px}.mobile-menu-toggle:hover{background:rgba(255,255,255,0.25)}.mobile-menu-toggle:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.5)}.mobile-menu-toggle.active{background:rgba(255,255,255,0.3)}.mobile-menu-toggle .menu-icon{transition:transform 0.2s ease}.mobile-menu-toggle.active .menu-icon{transform:rotate(90deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:none;align-items:flex-start;justify-content:flex-start;padding:5rem 0 2rem;opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0s 0.3s;visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.active{display:flex;opacity:1;transform:translateY(0);visibility:visible;transition:opacity 0.3s ease,transform 0.3s ease}.mobile-menu-content{background:#fff;border-radius:0 0 20px 20px;padding:1.5rem;width:100%;max-width:100%;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:slideDown 0.3s ease-out}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}.mobile-nav-menu a{display:flex;align-items:center;color:#1e40af !important;text-decoration:none;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;border-radius:10px;transition:all 0.2s ease;background:#ffffff;border:1px solid rgba(30,64,175,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.1);margin-bottom:0.5rem}.mobile-nav-menu a:hover,.mobile-nav-menu a:focus{background:#f0f7ff;color:#1e3a8a !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.mobile-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px)}.mobile-logo-icon{background:rgba(255,255,255,0.2);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.mobile-logo-text{display:flex;flex-direction:column;line-height:1.2}.mobile-logo-urdu{font-family:'Noto Nastaliq Urdu',serif;font-size:14px;font-weight:700}.mobile-logo-english{font-size:10px;opacity:0.9;font-weight:500}.mobile-nav-menu li{width:100%}.mobile-nav-menu a{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:white;text-decoration:none;font-weight:600;font-size:16px;transition:all 0.3s ease;backdrop-filter:blur(10px)}.mobile-nav-menu a:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.mobile-nav-menu .logo-item a{background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1));border:2px solid rgba(255,255,255,0.3);padding:20px;justify-content:center;text-align:center;margin-bottom:1rem}.mobile-nav-menu .logo-item .logo-content{display:flex;align-items:center;gap:12px}.mobile-nav-menu .logo-item .logo-icon{background:rgba(255,255,255,0.3);padding:10px;border-radius:10px;font-size:20px}.mobile-nav-menu .logo-item .logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.mobile-nav-menu .logo-item .logo-urdu{font-family:'Noto Nastaliq Urdu',serif;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.mobile-nav-menu .logo-item .logo-english{font-size:12px;opacity:0.9;font-weight:500;letter-spacing:0.5px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}@media (max-width:768px){.header{padding:0.5rem 0}.nav{padding:0.25rem 0}.search-section{padding:1rem 0}.search-container h2{font-size:1.25rem;margin-bottom:0.75rem}.site-title{font-size:1.5rem}.subtitle{font-size:0.875rem;margin-top:0.25rem}}.header{background:var(--primary-color);color:var(--white);padding:0.75rem 0;position:relative}.header-content{text-align:center}.site-title{font-size:2rem;font-weight:700;margin:0}.site-title a{color:var(--white);text-decoration:none;font-family:var(--urdu-font)}.subtitle{display:block;font-size:1rem;font-weight:400;margin-top:0.5rem;opacity:0.9;font-family:var(--font-family)}.nav{background:var(--primary-dark);padding:0.5rem 0;position:relative}.nav-menu{display:flex;justify-content:center;list-style:none;gap:2rem}.nav-menu a{color:var(--white);text-decoration:none;padding:0.5rem 1rem;border-radius:6px;transition:background-color 0.3s ease}.nav-menu a:hover{background-color:rgba(255,255,255,0.1)}.mobile-menu-toggle{display:none;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);color:var(--white);font-size:1.5rem;cursor:pointer;padding:0.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1001;transition:all 0.3s ease;border-radius:4px;min-width:40px;min-height:40px;line-height:1}.mobile-menu-toggle:hover{background-color:rgba(255,255,255,0.1);border-radius:4px}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--primary-dark);z-index:1000;transform:translateX(-100%);transition:transform 0.3s ease;display:block;visibility:hidden}.mobile-menu.active{transform:translateX(0);visibility:visible}.mobile-menu .container{padding-top:4rem}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-menu a{display:block;color:var(--white);text-decoration:none;padding:1rem 2rem;font-size:1.1rem;transition:background-color 0.3s ease}.mobile-menu a:hover{background-color:rgba(255,255,255,0.1)}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block !important}}@media (min-width:769px){.mobile-menu-toggle{display:none !important}}.search-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:1.5rem 0;color:var(--white)}.search-container{text-align:center;max-width:800px;margin:0 auto}.search-container h2{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.search-form{position:relative}.search-input-container{display:flex;gap:0.5rem;margin-bottom:1rem;position:relative;background:var(--white);border-radius:var(--border-radius);padding:0.5rem;box-shadow:var(--shadow)}#searchInput{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;outline:none;color:var(--text-color)}.keyboard-btn,.search-btn{padding:1rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.keyboard-btn{background:var(--secondary-color);color:var(--white);font-family:var(--urdu-font)}.search-btn{background:var(--primary-color);color:var(--white)}.keyboard-btn:hover,.search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.search-suggestions{position:absolute;top:calc(100%+0.5rem);left:0;right:0;width:100%;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.1);z-index:1000;max-height:400px;overflow-y:auto;display:none;animation:slideDown 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);border-top:4px solid var(--primary-color)}@keyframes slideDown{from{opacity:0;transform:translateY(-20px) scale(0.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.search-suggestions.show{display:block}.suggestion-item{padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid rgba(226,232,240,0.5);color:var(--text-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:1rem;font-weight:500;position:relative;display:flex;align-items:center;gap:0.75rem}.suggestion-item:hover{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:var(--primary-color);transform:translateX(8px) scale(1.02);border-left:4px solid var(--primary-color);padding-left:1.25rem;box-shadow:0 4px 12px rgba(37,99,235,0.15)}.suggestion-item:hover::before{content:'🔍';position:absolute;left:0.5rem;font-size:1.1rem;animation:bounce 0.6s ease-in-out}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.suggestion-item.selected{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:white;transform:translateX(12px) scale(1.05);border-left:5px solid var(--secondary-color);padding-left:1.25rem;box-shadow:0 8px 24px rgba(37,99,235,0.3),inset 0 1px 0 rgba(255,255,255,0.2);font-weight:600}.suggestion-item.selected::before{content:'✨';position:absolute;left:0.5rem;font-size:1.1rem;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.2)}}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.suggestion-item:first-child{border-top:1px solid transparent;border-radius:16px 16px 0 0}.search-tips-section{padding:2rem 0;background:#F0FDF4;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.search-tips-section .container{padding:2rem 0;max-width:1600px;margin:0 auto}.search-tips-section .word-card{margin:0;text-align:center;padding:2rem 2rem 3rem;background:#C8D9EB;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,0.05);width:100%}.search-tips-section .word-card h3{font-size:1.8rem;color:var(--heading-color);margin:0 0 2rem 0;padding:0 2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,0.1);background:linear-gradient(135deg,#4F46E5,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;text-align:center;font-weight:600;letter-spacing:0.5px}.search-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:0 2rem;box-sizing:border-box}.search-tip{display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;background:rgba(255,255,255,0.8);border-radius:12px;border:1px solid rgba(0,0,0,0.1);transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.search-tip:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-color:#cbd5e1}.tip-icon{flex-shrink:0;width:40px;height:40px;background:#e0f2fe;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0ea5e9}.tip-content h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 0.5rem 0}.tip-content p{color:#475569;font-size:0.95rem;line-height:1.6;margin:0}.popular-searches-section{padding:0;background:#F8FAFC;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.popular-searches-section .container{padding:2rem 0;max-width:1600px;margin:0 auto}.recent-searches-section{padding:0;background:#F0F9FF;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.recent-searches-section .container{padding:2rem 0;max-width:1600px;margin:0 auto}.recent-searches-section .word-card{margin:0;text-align:center;padding:2rem 2rem 3rem;background:#ffffff;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,0.05)}.recent-searches-section .word-content,.popular-searches-section .word-content{padding:0 !important;margin:0 !important}.recent-searches-section .search-grid,.popular-searches-section .search-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;gap:0.75rem !important;align-items:start !important;padding:0 !important;margin:0 !important}.recent-searches-section .search-card,.popular-searches-section .search-card{min-height:auto !important;height:auto !important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0.75rem 1rem !important;width:100%;box-sizing:border-box;border-radius:10px}.recent-searches-section .search-card:hover,.popular-searches-section .search-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.features-section{padding:2rem 0;background:#F0FDF4;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.features-section .container{max-width:1600px;margin:0 auto;padding:0}.features-section .word-card{background:rgba(255,255,255,0.95);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);margin:0;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.feature-item{background:#ffffff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;text-align:center;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.1);border-color:#3b82f6}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-item h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 0.75rem 0}.feature-item p{font-size:0.9rem;color:#6b7280;line-height:1.5;margin:0}.popular-searches-section .word-card{margin:0;text-align:center;padding:2rem 2rem 3rem;background:#ffffff;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,0.05)}.popular-searches-section .word-card h3{font-size:1.8rem;color:var(--heading-color);margin:0 0 2rem 0;padding:0 2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,0.1);background:linear-gradient(135deg,#4F46E5,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;text-align:center;font-weight:600;letter-spacing:0.5px}.popular-searches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:0 2rem;box-sizing:border-box}.search-term{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.25rem;background:#f8fafc;border-radius:8px;color:#1e293b;text-decoration:none;transition:all 0.2s ease;border:1px solid #e2e8f0}.search-term:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-color:#cbd5e1}.term-text{font-weight:500;color:#1e40af}.search-count{background:#dbeafe;color:#1e40af;font-size:0.8rem;padding:0.15rem 0.5rem;border-radius:12px;font-weight:600}.no-searches{text-align:center;color:#6b7280;padding:2rem 0}.about-hero{background:linear-gradient(135deg,#4F46E5 0%,#3B82F6 100%);color:white;padding:5rem 0;position:relative;overflow:hidden}.about-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgzMCkiPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybikiLz48L3N2Zz4=');opacity:0.2}.about-hero .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}.about-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;font-family:'Noto Nastaliq Urdu',serif}.about-hero p{font-size:1.25rem;max-width:800px;margin:0 auto 2rem;opacity:0.9;line-height:1.7}.mission-vision-section{padding:5rem 0;background:#f8fafc;position:relative}.mission-vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.mission-vision-section{padding:5rem 0;background:#F0FDF4}.features-section{padding:5rem 0;background:#F0FDF4}.features-section .section-header{text-align:center;margin-bottom:3rem}.features-section .section-header h2{font-size:2.5rem;color:#1e40af;margin-bottom:1rem}.features-section .section-header p{font-size:1.25rem;color:#4b5563;max-width:800px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#f8fafc;border-radius:1rem;padding:2rem;transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(0,0,0,0.05)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.feature-icon{background:#e0f2fe;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.feature-icon span{font-size:1.75rem}.feature-card h3{font-size:1.5rem;color:#1e40af;margin-bottom:1rem;text-align:center}.feature-card p{color:#4b5563;line-height:1.7;text-align:center}.mission-vision-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.mission-vision-section .stat-card{background:white;border-radius:1.5rem;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(0,0,0,0.05)}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.mission-card h2,.vision-card h2{font-size:1.8rem;color:#1e40af;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.mission-card h2::before{content:'🎯';font-size:1.5rem}.vision-card h2::before{content:'🔭';font-size:1.5rem}.team-section{padding:5rem 0;background:#f8fafc}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.team-member{background:white;border-radius:1.5rem;padding:2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s ease}.team-member:hover{transform:translateY(-5px)}.team-avatar{width:120px;height:120px;border-radius:50%;background:#e0f2fe;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem}.team-member h3{font-size:1.5rem;color:#1e40af;margin-bottom:0.5rem}.team-title{color:#64748b;font-weight:500;margin-bottom:1rem}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);color:white;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;opacity:0.9;margin-bottom:2rem;line-height:1.7}.cta-button{display:inline-block;background:white;color:#1D4ED8;padding:1rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.mission-vision-section{background:#F0FDF4;padding:2rem 0;margin:2rem 0;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.mission-vision-section .container{max-width:1400px;margin:0 auto;padding:0 2rem}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mission-card,.vision-card{background:#ffffff;border-radius:0.75rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #e2e8f0}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.mission-icon,.vision-icon{font-size:2.5rem;margin-bottom:1.25rem;display:inline-block;transition:transform 0.3s ease}.mission-card:hover .mission-icon,.vision-card:hover .vision-icon{transform:scale(1.1)}.mission-card h3,.vision-card h3{font-size:1.5rem;color:#1e40af;margin-bottom:1rem;font-weight:600}.mission-card p,.vision-card p{color:#4b5563;line-height:1.7;margin-bottom:1rem;font-size:1rem}.mission-card p:last-child,.vision-card p:last-child{margin-bottom:0}@media (max-width:768px){.mission-vision-section{padding:1.5rem 0;margin:1.5rem 0;border-radius:0.75rem}.mission-vision-section .container{padding:0 1rem}.mission-vision-grid{grid-template-columns:1fr;gap:1rem}.mission-card,.vision-card{padding:1.5rem 1rem;border-radius:0.5rem}.mission-card h3,.vision-card h3{font-size:1.25rem}.mission-card p,.vision-card p{font-size:0.95rem;line-height:1.6}}@media (max-width:768px){.search-tips-section .container,.popular-searches-section .container{padding:1.5rem}.search-tips-section .word-card{padding:1.5rem 1.5rem 2rem}.search-tips-section .word-card h3{font-size:1.5rem;margin-bottom:1.5rem;padding:0 0 1rem 0}.search-tips-grid{grid-template-columns:1fr;padding:0;gap:1rem}.search-tip{padding:1.25rem}.popular-searches-grid{grid-template-columns:repeat(2,1fr);padding:0 1rem;gap:0.75rem}.search-term{padding:0.6rem 1rem;font-size:0.9rem}}.stats-section{padding:2rem 0;background:#F0FDF4;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.stats-section .container{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:center}.stat-card{padding:1rem 1.25rem;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);transition:transform 0.3s ease;display:flex;align-items:center;gap:0.75rem}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:0.125rem}.stat-number{font-size:1.4rem;font-weight:700;line-height:1}.stat-label{font-size:0.8rem;opacity:0.9;line-height:1}.word-of-day-section{padding:2rem 0;background:#F0FDF4;margin:2rem 0;border-radius:var(--border-radius);box-shadow:var(--shadow)}.word-of-day-section .container{max-width:1600px;margin:0 auto;padding:0}.word-of-day-container{background:#245EE2;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);width:100%;max-width:none}.word-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(59,130,246,0.2)}.word-header h2{font-size:2rem;color:#3b82f6;margin:0 0 0.5rem 0;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.word-header h2 svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,0.3))}.word-header span{font-size:1.1rem;color:#6b7280;font-weight:500}.word-card-enhanced{display:flex;gap:2rem;align-items:flex-start;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:16px;padding:2rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.word-main-section{flex:1}.word-urdu{font-size:3rem;font-family:var(--urdu-font);color:#3b82f6;margin:0 0 1rem 0;font-weight:700;text-shadow:0 4px 8px rgba(59,130,246,0.2);transition:all 0.3s ease;line-height:1.2;text-align:center}.word-urdu:hover{transform:scale(1.05);color:#1d4ed8}.word-english{font-size:1.4rem;color:#1f2937;margin:0 0 1rem 0;font-weight:600;text-align:center;line-height:1.5}.word-pronunciation{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:1.1rem;color:#6b7280;background:rgba(59,130,246,0.1);padding:0.75rem 1.5rem;border-radius:25px;margin-top:1rem}.word-description-section{flex:1;background:rgba(255,255,255,0.8);padding:1.5rem;border-radius:12px;border-left:4px solid #3b82f6}.description-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;font-weight:600;color:#374151;font-size:1.1rem}.description-text{font-size:1rem;line-height:1.6;color:#4b5563}.urdu-word a{color:inherit;text-decoration:none;transition:all 0.2s ease;padding:0.5rem 1rem;border-radius:8px;display:inline-block}.urdu-word a:hover{background:rgba(37,99,235,0.05);transform:translateY(-2px);text-shadow:0 4px 12px rgba(37,99,235,0.25)}.urdu-word:hover{transform:scale(1.05);color:#1e40af}.english-meaning{font-size:1.6rem;color:var(--heading-color);margin:0 0 1.5rem 0;font-weight:500;line-height:1.5;max-width:800px;margin-left:auto;margin-right:auto;padding:0 2rem}.pronunciation{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:1.2rem;color:var(--text-light);margin:0 0 2rem 0;padding:0.5rem 1rem;background:rgba(0,0,0,0.02);border-radius:50px;display:inline-flex;margin-bottom:2rem}.pronunciation-icon{opacity:0.7}.pronunciation-text{font-style:italic;letter-spacing:0.5px}.example{background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,250,252,0.95));border-radius:var(--border-radius);text-align:left;line-height:1.8;border:1px solid rgba(59,130,246,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.04);max-width:800px;margin:0 auto 3rem;overflow:hidden;transition:all 0.3s ease}.example:hover{box-shadow:0 6px 16px rgba(0,0,0,0.08);transform:translateY(-2px)}.example-content{padding:2rem}.example-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(0,0,0,0.05)}.example-icon{font-size:1.2rem;opacity:0.8}.example-title{font-size:1.1rem;font-weight:600;color:var(--heading-color);text-transform:uppercase;letter-spacing:0.5px}.example-text{color:var(--text-color);font-size:1.1rem;line-height:1.8}.example-translation{margin-top:1rem;padding:0.75rem 1rem;background:rgba(0,0,0,0.02);border-radius:6px;border-right:3px solid var(--primary-color);color:var(--text-light);font-style:italic;position:relative;padding-left:2rem}.example-translation::before{content:'→';position:absolute;left:0.75rem;color:var(--primary-color)}.example strong{color:var(--heading-color)}.example em{color:var(--text-light)}.footer{background:var(--heading-color);color:var(--white);padding:3rem 0 1rem;margin-top:2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:var(--white)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s ease}.footer-section a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,0.3);border-top:5px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.keyboard-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;z-index:9998}.keyboard-backdrop.show{display:block}.virtual-keyboard{position:fixed;bottom:-100%;left:0;right:0;background:var(--white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:0 -5px 20px rgba(0,0,0,0.2);transition:bottom 0.3s ease;z-index:9999;max-height:50vh;overflow-y:auto}.virtual-keyboard.active{bottom:0}.keyboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background:var(--background-color)}.keyboard-title{font-weight:600;color:var(--heading-color);font-family:var(--urdu-font)}.keyboard-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0.5rem;border-radius:50%;transition:background-color 0.3s ease}.keyboard-close:hover{background:rgba(0,0,0,0.1)}.keyboard-container{padding:1rem}.keyboard-row{display:flex;justify-content:center;margin-bottom:0.5rem;gap:0.3rem;flex-wrap:wrap}.keyboard-key{background:linear-gradient(145deg,#ffffff,#f0f0f0);border:1px solid #e0e0e0;border-radius:8px;padding:0.8rem 0.6rem;min-width:2.8rem;min-height:2.8rem;text-align:center;cursor:pointer;font-family:var(--urdu-font);font-size:1.2rem;font-weight:500;transition:all 0.3s ease;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.keyboard-key:hover{background:linear-gradient(145deg,var(--primary-color),var(--primary-dark));color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.keyboard-key:active{transform:translateY(0);background:var(--primary-dark);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.keyboard-key.space{min-width:12rem;border-radius:20px}.keyboard-key.backspace,.keyboard-key.enter{min-width:5rem;font-size:0.9rem;background:linear-gradient(145deg,var(--secondary-color),#16a34a);color:var(--white)}.keyboard-key.backspace:hover,.keyboard-key.enter:hover{background:linear-gradient(145deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,197,94,0.3)}.keyboard-key.caps-lock{background:linear-gradient(145deg,#fbbf24,#f59e0b);color:var(--white);min-width:4rem}.keyboard-key.caps-lock:hover{background:linear-gradient(145deg,#f59e0b,#d97706)}.keyboard-key.caps-lock.active{background:linear-gradient(145deg,#dc2626,#b91c1c);box-shadow:0 0 10px rgba(220,38,38,0.5)}.key-roman{font-size:0.8rem;opacity:0.7;font-family:var(--font-family);line-height:1}.key-urdu{font-size:1.3rem;font-family:var(--urdu-font);line-height:1;margin-top:0.2rem}@media (max-width:768px){:root{--container-padding:1rem}.site-title{font-size:1.5rem}.virtual-keyboard{max-height:60vh;border-radius:16px 16px 0 0}.keyboard-container{padding:0.75rem}.keyboard-row{gap:0.2rem;margin-bottom:0.4rem}.keyboard-key{min-width:2.2rem;min-height:2.2rem;padding:0.6rem 0.4rem;font-size:1rem;border-radius:6px}.keyboard-key.space{min-width:8rem;border-radius:16px}.keyboard-key.backspace,.keyboard-key.enter{min-width:3.5rem;font-size:0.8rem}.keyboard-key.caps-lock{min-width:3rem;font-size:0.7rem}.key-roman{font-size:0.7rem}.key-urdu{font-size:1.1rem;margin-top:0.1rem}}@media (max-width:480px){.keyboard-key{min-width:1.8rem;min-height:1.8rem;padding:0.4rem 0.3rem;font-size:0.9rem}.keyboard-key.space{min-width:6rem}.keyboard-key.backspace,.keyboard-key.enter{min-width:3rem;font-size:0.7rem}.nav-menu{flex-wrap:wrap;gap:1rem}.search-container h2{font-size:1.5rem}.search-input-container{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.stat-card{padding:0.75rem 1rem;gap:0.5rem}.stat-number{font-size:1.2rem}.stat-label{font-size:0.75rem}.stat-icon{font-size:1.25rem}.urdu-word{font-size:2.5rem}.english-meaning{font-size:1.3rem}.footer-content{grid-template-columns:1fr;text-align:center}}.search-tips-section{padding:1.5rem 0;background:#F0FDF4}.search-tips-section .container{max-width:1600px;margin:0 auto}.search-tips-container{background:rgba(255,255,255,0.95);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.search-tips-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(59,130,246,0.2)}.search-tips-header h2{font-size:2rem;color:#3b82f6;margin:0 0 0.5rem 0;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.search-tips-header h2 svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,0.3))}.search-tips-content{padding:0}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.tip-card{background:rgba(59,130,246,0.1);padding:1.25rem;border-radius:16px;border-left:4px solid #3b82f6;transition:all 0.3s ease}.tip-card:hover{background:rgba(59,130,246,0.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.2)}.tip-card h4{font-size:1rem;font-weight:600;color:#1d4ed8;margin:0 0 0.5rem 0}.tip-card p{color:#374151;margin:0;line-height:1.5;font-size:0.9rem}.popular-searches-section,.recent-searches-section{padding:1.5rem 0;background:#F0FDF4}.popular-searches-section .container,.recent-searches-section .container{max-width:1600px;margin:0 auto}.popular-searches-section .word-card,.recent-searches-section .word-card{background:rgba(255,255,255,0.95);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.popular-searches-section h3,.recent-searches-section h3{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(59,130,246,0.2);font-size:2rem;color:#3b82f6;font-weight:700;font-family:'Segoe UI','Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.popular-searches-section h3::before,.recent-searches-section h3::before{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;color:initial}.popular-searches-section h3{border-bottom-color:rgba(59,130,246,0.2);color:#3b82f6}.nav-logo-btn{display:inline-flex !important;align-items:center !important;gap:10px !important;background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.08)) !important;color:#ffffff !important;padding:8px 14px !important;border-radius:12px !important;text-decoration:none !important;font-weight:600 !important;border:1px solid rgba(255,255,255,0.25) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1) !important;backdrop-filter:blur(8px) !important;transition:all 0.3s ease !important}.nav-logo-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,0.28),rgba(255,255,255,0.15)) !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(0,0,0,0.15) !important}.nav-logo-icon{background:rgba(255,255,255,0.22);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.1}.nav-logo-urdu{font-family:'Noto Nastaliq Urdu',-apple-system,BlinkMacSystemFont,'Segoe UI',serif !important;font-size:15px !important;font-weight:700 !important;line-height:1.5 !important;color:#ffffff !important;display:block;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.nav-logo-en{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;font-size:10.5px !important;font-weight:500 !important;line-height:1.2 !important;color:rgba(255,255,255,0.9) !important;letter-spacing:0.3px;display:block}.popular-words .search-grid,.recent-words .search-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;gap:0.75rem !important;align-items:start !important;width:100%}.search-card{transition:all 0.3s ease;border-radius:0.75rem;padding:0.75rem 1rem !important;border:1px solid transparent;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;height:auto !important;min-height:auto !important}.search-card h4{margin:0 0 0.25rem 0 !important;line-height:1.25 !important}.search-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -2px rgba(0,0,0,0.08)}.popular-words .search-card{background:rgba(251,146,60,0.1);border-color:rgba(251,146,60,0.25)}.recent-words .search-card{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.25)}.popular-words .search-card h4 a{color:#9a3412;text-decoration:none;font-weight:600;font-size:0.95rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;transition:color 0.2s ease}.recent-words .search-card h4 a{color:#1e40af;text-decoration:none;font-weight:600;font-size:0.95rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;transition:color 0.2s ease}.popular-words .search-card h4 a:hover,.recent-words .search-card h4 a:hover{text-decoration:underline}.popular-words .search-card p{color:#ea580c;font-size:0.75rem !important;margin:0 !important;font-weight:500;opacity:0.9}.recent-words .search-card p{color:#2563eb;font-size:0.75rem !important;margin:0 !important;font-weight:500;opacity:0.9}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.urdu-word{font-size:2rem}.english-meaning{font-size:1.2rem}}.ad-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.5rem auto;text-align:center;width:100%;max-width:100%;min-height:280px;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;contain:layout style;overflow:hidden;position:relative;box-sizing:border-box}.ad-slot-header,.ad-slot-top,.ad-slot-middle,.ad-slot-bottom{min-height:280px;width:100%}.ad-label{display:block;font-size:10px;color:#94a3b8;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:4px;font-weight:500;line-height:1}.ad-container .adsbygoogle{display:block !important;min-width:280px;min-height:250px;max-height:280px;width:100%;margin:0 auto}@media (min-width:768px){.ad-container,.ad-slot-header,.ad-slot-top,.ad-slot-middle,.ad-slot-bottom{min-height:280px}.ad-container .adsbygoogle{min-width:300px;min-height:250px}}@media (max-width:480px){.ad-container,.ad-slot-header,.ad-slot-top,.ad-slot-middle,.ad-slot-bottom{min-height:280px;margin:1rem auto}.ad-container .adsbygoogle{min-width:280px;min-height:250px}}