*{margin:0;padding:0;box-sizing:border-box}:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--success-50:#eff6ff;--success-100:#dbeafe;--success-200:#bfdbfe;--success-300:#93c5fd;--success-400:#60a5fa;--success-500:#3b82f6;--success-600:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-normal:300ms cubic-bezier(0.4, 0, 0.2, 1);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.6;color:var(--gray-700);background:linear-gradient(135deg,var(--brand-50) 0%,#e0f2fe 100%)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;font-size:.95rem}.btn-primary{background-color:var(--brand-600);color:#fff}.btn-primary:hover{background-color:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--gray-800);border:1px solid var(--gray-800);color:#fff}.btn-secondary:hover{background-color:#fff;color:var(--brand-600);border:1px solid var(--brand-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--success-600);color:#fff}.btn-success:hover{background-color:var(--success-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.1rem;color:var(--gray-700);text-align:center;max-width:600px;margin:0 auto 2.5rem}.card{background-color:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all 0.3s ease;height:100%}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.hidden{display:none!important}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.py-3{padding:3rem 0}.mb-4{margin-bottom:4rem}.bg-gradient-brand{background:linear-gradient(135deg,var(--brand-50) 0%,#e0f2fe 100%)}.header{background-color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.logo{font-size:1.8rem;font-weight:800;color:var(--brand-600);text-decoration:none}.logo span{color:var(--gray-800)}.nav-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--gray-800);text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:color 0.3s ease}.nav-link:hover{color:var(--brand-600)}.nav-link.dropdown::after{content:'\f078';font-family:'Font Awesome 6 Pro';font-weight:900;font-size:.7rem;margin-left:.25rem}.dropdown-menu{position:absolute;background-color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:1rem;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:10}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.5rem 0;color:var(--gray-800);text-decoration:none;border-bottom:1px solid var(--gray-100)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:var(--brand-600)}.language-toggle{display:flex;gap:var(--space-xs);margin-right:var(--space-md);background:var(--gray-100);padding:var(--space-xs);border-radius:var(--radius-lg)}.lang-btn{background:none;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.25rem .75rem;font-size:.9rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;color:var(--gray-800)}.lang-btn:hover{background:var(--gray-900);color:#fff}.lang-btn.active{background-color:var(--brand-600);color:#fff;border-color:var(--brand-600)}.mobile-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--gray-900);z-index:1001;transition:transform 0.3s ease}.mobile-toggle.active{transform:rotate(90deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:#fff;z-index:1000;padding:0;overflow-y:auto;transition:right 0.4s cubic-bezier(.4,0,.2,1);display:none;flex-direction:column}.mobile-nav-menu.active{right:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--brand-50);border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.mobile-nav-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--brand-600),var(--brand-800));-webkit-background-clip:text;background-clip:text;color:#fff0}.mobile-close-btn{background:none;border:none;font-size:1.5rem;color:var(--gray-600);cursor:pointer;transition:color 0.3s ease}.mobile-nav-links{display:flex;flex-direction:column;padding:.5rem 0}.mobile-nav-item{border-bottom:1px solid var(--gray-100)}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;color:var(--gray-800);text-decoration:none;font-weight:500;font-size:1rem;transition:all 200ms cubic-bezier(.4,0,.2,1);background:#fff0}.mobile-nav-link i:first-child{width:24px;font-size:1.1rem;margin-right:12px;color:var(--brand-500)}.mobile-nav-link .link-text{flex:1;text-align:left}.mobile-nav-link .chevron-icon{transition:transform 300ms cubic-bezier(.4,0,.2,1);font-size:.8rem;color:var(--gray-400)}.mobile-nav-link:hover{color:var(--brand-600);padding-left:1.75rem}.mobile-nav-link:hover i:first-child{color:var(--brand-600)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height 300ms cubic-bezier(.4,0,.2,1);background:linear-gradient(to right,var(--brand-50),#e0f2fe);margin:0}.mobile-dropdown-menu.active{max-height:500px}.mobile-dropdown-item{display:flex;align-items:center;gap:12px;padding:.875rem 1.5rem .875rem 3.5rem;color:var(--gray-800);text-decoration:none;font-size:.9rem;border-left:3px solid #fff0;transition:all 200ms cubic-bezier(.4,0,.2,1)}.mobile-dropdown-item:hover{color:var(--brand-600);background:#fff;border-left-color:var(--brand-600);padding-left:3.75rem}.mobile-language-section{padding:1.5rem;margin-top:auto;border-top:1px solid var(--gray-200);background:var(--gray-50)}.mobile-language-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;background:#fff;border-radius:999px;font-weight:600;font-size:14px}.mobile-lang-link{text-decoration:none;color:#fff;padding:6px 12px;border-radius:999px;transition:all 0.25s ease;background:var(--gray-900)}.mobile-language-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;background:#fff;border-radius:999px;font-weight:600;font-size:14px;padding-top:2rem}.mobile-lang-link{text-decoration:none;color:#fff;padding:6px 12px;border-radius:999px;transition:all 0.25s ease;background:var(--gray-900)}.mobile-lang-link:hover{background:#e5e7eb;color:#111827}.mobile-lang-link.active{background:#2563eb;color:#fff;box-shadow:0 2px 6px rgb(37 99 235 / .35)}.lang-separator{color:var(--gray-800);font-weight:400}.mobile-lang-btn{flex:1;padding:.75rem;text-align:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all 0.3s ease;font-weight:500}.mobile-lang-btn.active{background-color:var(--brand-600);color:#fff;border-color:var(--brand-600)}.mobile-social-links{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:10px}.mobile-social-links{display:flex;gap:1rem;padding-top:1rem}.mobile-social-links a:hover{transform:translateY(-3px);background:var(--brand-600);color:#fff}.mobile-social-links a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gray-800);color:#fff;font-size:18px;transition:all 0.25s ease;text-decoration:none;border-bottom:none;line-height:0}.hero{background:linear-gradient(to right,var(--brand-50),#e0f2fe);padding:4rem 0;position:relative;overflow:hidden}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-text{flex:1}.hero-title{font-size:clamp(2rem, 5vw, 2.9rem);font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:var(--gray-700);margin-bottom:2rem;max-width:600px}.trending-tags{display:flex;flex-wrap:wrap;gap:.75rem}.trending-tags a{text-decoration:none;color:inherit}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.tag{background-color:#fff;border:1px solid var(--brand-300);border-radius:var(--radius-xl);padding:.5rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all 0.3s ease}.tag:hover{background-color:var(--brand-50);border-color:var(--brand-300)}.tag i{color:var(--brand-600)}.hero-image{flex:0 0 40%;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(0deg);transition:transform var(--transition-normal)}.hero-image img:hover{transform:perspective(1000px) rotateY(-10deg)}.community-section{padding:5rem 0;background:#fff}.community-header{text-align:center;margin-bottom:3rem}.community-header .section-subtitle{color:var(--gray-800)}.social-platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.social-platform{text-align:center;width:180px}.social-icon-container{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#fff;transition:transform 0.3s ease}.social-icon-container:hover{transform:scale(1.1)}.whatsapp-bg{background:linear-gradient(135deg,#25D366,#128C7E)}.facebook-bg{background:linear-gradient(135deg,#1877F2,#0D5AB9)}.telegram-bg{background:linear-gradient(135deg,#0088cc,#006699)}.linkedin-bg{background:linear-gradient(135deg,#0077B5,#005582)}.youtube-bg{background:linear-gradient(135deg,#FF0000,#CC0000)}.social-platform h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--gray-800)}.social-platform p{color:var(--gray-800);font-size:.9rem}.community-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));color:#fff;padding:4rem 0 4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h3{font-size:1.125rem;margin-bottom:1.5rem;position:relative;display:inline-block}.footer-column h3::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:3px;background:var(--brand-500)}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color 0.2s;font-size:1rem;margin-right:1rem}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-700);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.copyright{color:var(--gray-300);font-size:.9rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);border-radius:99px;color:#fff;text-decoration:none;margin-left:1rem;font-size:1.2rem;transition:all 150ms cubic-bezier(.4,0,.2,1)}.footer-social a:hover{background:var(--brand-600);transform:translateY(-3px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;display:none;padding:.5rem 0;z-index:900}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;text-decoration:none;color:var(--gray-600);font-size:.75rem;transition:color 0.2s ease;-webkit-tap-highlight-color:#fff0}.bottom-nav-item i{font-size:1rem;margin-bottom:.25rem}@media (max-width:992px){.hero-content{flex-direction:column}.hero-title{font-size:2.5rem}.hero-cta{justify-content:center}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;padding:1rem;box-shadow:var(--shadow-lg)}.nav-menu.active{display:flex}.mobile-toggle{display:block}.mobile-nav-menu{display:flex}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:.5rem 0 0 1rem;display:none}.dropdown.active .dropdown-menu{display:block}.language-toggle{margin-right:0;align-self:center}.social-platforms{gap:1rem}.social-platform{width:150px}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:.1rem 0;background:#fff;box-shadow:0 -4px 12px rgb(0 0 0 / .08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgb(0 0 0 / .05)}.bottom-nav-item{position:relative;padding:.5rem 0;border-radius:var(--radius-md);transition:all 0.3s ease;-webkit-tap-highlight-color:#fff0}.bottom-nav-item.active{color:var(--brand-600);background:var(--brand-100)}.bottom-nav-item i{font-size:1rem;margin-bottom:.25rem}.bottom-nav-item::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--brand-600);border-radius:3px;transition:width 0.3s ease}.bottom-nav-item.active::after{width:20px}}@media (max-width:480px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.social-platform{width:100%;max-width:200px}.mobile-nav-menu{width:100%}}@media (max-width:768px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.75rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-social{padding-bottom:1rem}.community-stats{gap:2rem}.bottom-nav{display:flex}.mobile-nav-menu{width:100%}}@supports(padding:max(0px)){.bottom-nav{padding-bottom:max(0.5rem, env(safe-area-inset-bottom))}.mobile-nav-menu{padding-top:max(1.5rem, env(safe-area-inset-top))}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mobile-nav-item{animation:slideInRight 0.3s ease forwards;opacity:0}.mobile-nav-item:nth-child(1){animation-delay:0.1s}.mobile-nav-item:nth-child(2){animation-delay:0.15s}.mobile-nav-item:nth-child(3){animation-delay:0.2s}.mobile-nav-item:nth-child(4){animation-delay:0.25s}.mobile-nav-item:nth-child(5){animation-delay:0.3s}.mobile-nav-item:nth-child(6){animation-delay:0.35s}.mobile-nav-item:nth-child(7){animation-delay:0.4s}