@media(max-width:1024px){html,body{overflow-x:hidden !important;max-width:100vw !important}body{padding-top:var(--header-height,70px)}.main-header{position:fixed !important;top:0;left:0;width:100%;z-index:1005}.main-header .container{position:relative}.main-header .container>.auth-buttons{display:none !important}.main-header .container>.language-selector,.header-container .language-selector{display:flex !important;align-items:center;justify-content:center;position:fixed !important;top:0;right:4rem;height:var(--header-height,70px);width:44px;z-index:1005}.lang-dropdown-toggle{padding:0 !important;font-size:1.25rem !important;border-radius:0 !important;background:transparent !important;border:none !important;min-height:44px !important;min-width:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0 !important;color:var(--text-color) !important;cursor:pointer}.lang-dropdown-arrow{display:none !important}.lang-dropdown-toggle #currentLang{font-size:.875rem;font-weight:600;letter-spacing:.5px}.user-dropdown-menu{right:0 !important;left:auto !important;min-width:180px !important;max-width:calc(100vw - 2rem) !important}.user-dropdown-menu .dropdown-item{padding:.75rem 1rem !important;font-size:.875rem}.user-dropdown-menu .dropdown-item i,.user-dropdown-menu .dropdown-item .material-icons{font-size:1.25rem}.main-nav{position:static;display:flex;align-items:center}.nav-toggle,#navToggleMobile{display:flex !important;align-items:center;justify-content:center;position:fixed !important;top:0;right:1rem;height:var(--header-height,70px);width:44px;font-size:1.5rem;cursor:pointer;background:transparent;border:0;color:var(--text-color) !important;z-index:1006 !important;padding:0}.lang-dropdown-menu{position:fixed !important;top:var(--header-height,70px) !important;right:4rem !important;left:auto !important;min-width:120px !important;border-radius:8px !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important}.main-nav>ul{display:none !important}.main-nav.open>ul{display:flex !important;position:fixed;top:0;right:0;width:85vw;max-width:350px;height:100vh;background:white;box-shadow:-5px 0 20px rgba(0,0,0,0.1);z-index:1004 !important;overflow-y:auto;flex-direction:column;gap:0;padding:calc(var(--header-height) + 1rem) 1.5rem 1.5rem;margin:0;list-style:none;animation:slideIn .3s ease-in-out}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.main-nav ul li{margin:0;padding:0;width:100%}.main-nav ul li a{display:block;padding:1rem 0;width:100%;color:var(--text-color);font-size:1.1rem;border-bottom:1px solid #eee;text-decoration:none}.main-nav ul li a:hover{color:var(--primary-color);background:rgba(0,174,239,0.05);padding-left:.5rem}.main-nav ul li a.active{color:var(--primary-color);font-weight:600}.main-nav a::after{display:none !important}.mobile-auth-container{display:flex;flex-direction:row;gap:.75rem;padding:1rem 0 .5rem;margin-top:1rem;border-top:1px solid #eee;width:100%}.mobile-auth-container .auth-btn{display:block;flex:1;text-align:center;padding:.75rem 1rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.95rem;white-space:nowrap}.mobile-auth-container .register-btn{background:var(--primary-color);color:white !important;border:2px solid var(--primary-color)}.mobile-auth-container .login-btn{background:transparent;color:var(--primary-color) !important;border:2px solid var(--primary-color)}.mobile-auth-container .mobile-user-profile{width:100%}.mobile-auth-container .user-profile-btn{width:100%;justify-content:flex-start;padding:.75rem 1rem}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1003}.nav-overlay.active{display:block !important}body.menu-open{overflow:hidden !important;position:fixed !important;width:100% !important}}
@media screen and (max-width:768px){.container{padding:0 20px}.logo{font-size:1.5rem !important}#hero{height:auto !important;min-height:70vh !important;padding:60px 0 !important}.hero-content h1{font-size:2rem !important;line-height:1.3 !important;margin-bottom:1rem !important}.hero-content .subtitle{font-size:1.1rem !important;line-height:1.5 !important;margin-bottom:1.5rem !important}.hero-content .btn{display:block;width:90%;max-width:300px;margin:.5rem auto !important}section{padding:3rem 0 !important}.section-title{font-size:1.8rem !important;line-height:1.3 !important;margin-bottom:1.5rem !important}.section-subtitle{font-size:1rem !important;line-height:1.6 !important;margin-bottom:2rem !important}.feature-primary{grid-template-columns:1fr !important;gap:2rem !important;padding:2rem !important;text-align:center}.feature-visual{margin:0 auto}.features-grid-modern{grid-template-columns:1fr !important;gap:1.5rem !important}.feature-card{padding:2rem 1.5rem !important}.features-cta{flex-direction:column !important;text-align:center !important;gap:2rem !important;padding:2rem !important}.cta-buttons{flex-direction:column !important;gap:1rem !important;width:100% !important;align-items:center}.cta-buttons .btn{width:90% !important;max-width:300px !important}.kpi-grid{grid-template-columns:1fr 1fr !important;gap:1.5rem !important}.kpi-item{padding:1.5rem !important}.kpi-item .value{font-size:2.5rem !important}.kpi-item .label{font-size:.9rem !important}.app-grid{grid-template-columns:1fr !important;gap:1.5rem !important}.app-item{padding:2rem !important}.why-us-grid{display:flex;flex-direction:column;gap:1.5rem}.why-us-grid p{font-size:1rem !important;line-height:1.7 !important}.cta-section{padding:3rem 1.5rem !important;margin:3rem 0 !important}.main-footer{padding:2rem 1rem !important}.footer-legal{text-align:center}.footer-legal p{font-size:.85rem !important}}@media screen and (max-width:480px){.container{padding:0 15px !important}.logo{font-size:1.3rem !important}.main-nav{width:90vw !important}.hero-content h1{font-size:1.6rem !important}.hero-content .subtitle{font-size:1rem !important}.section-title{font-size:1.5rem !important}.kpi-grid{grid-template-columns:1fr !important}.kpi-item .value{font-size:2rem !important}.btn{font-size:.95rem !important;padding:.7rem 1.5rem !important}}@media screen and (max-height:500px) and (orientation:landscape){#hero{min-height:50vh !important;padding:40px 0 !important}.hero-content h1{font-size:1.5rem !important}.hero-content .subtitle{font-size:.95rem !important}section{padding:2rem 0 !important}}@media(hover:none) and (pointer:coarse){.btn,.auth-btn,.nav-toggle{min-height:44px;min-width:44px}.feature-card:hover,.app-item:hover{transform:none !important}}@media(min-width:1025px){.nav-toggle,#navToggleMobile{display:none !important}.mobile-auth-buttons,.mobile-auth-container{display:none !important}.main-nav>ul{display:flex !important;position:static !important;flex-direction:row !important;width:auto !important;height:auto !important;background:transparent !important;box-shadow:none !important;padding:0 !important;transform:none !important;animation:none !important}.main-header .container>.auth-buttons{display:flex !important}.main-header .container>.language-selector,.header-container .language-selector{display:block !important;position:relative !important}}
