header.site{background:var(--surface-dark,var(--bg-dark));color:white;padding:1rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.3);position:fixed !important;top:0;left:0;right:0;z-index:9999 !important;width:100%;min-height:64px}header.site .container{max-width:1400px;margin:0 auto;padding:0 1rem;overflow:visible}header.site .header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}header.site .brand{display:flex;align-items:center;gap:0.75rem;color:white;text-decoration:none;font-size:1.25rem;font-weight:600;flex-shrink:0}header.site .brand:hover{color:white}header.site .brand .logo{width:32px;height:32px;background:var(--primary,var(--primary));border-radius:6px;flex-shrink:0}header.site nav,header.site .main-nav{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;flex:1}header.site .nav-link{color:rgba(255,255,255,0.7);text-decoration:none;padding:0.5rem 0.875rem;border-radius:6px;transition:all 0.2s ease;white-space:nowrap;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.375rem;background:transparent;border:none;cursor:pointer}header.site .nav-link:hover{background:rgba(255,255,255,0.08);color:white}header.site .nav-link.active{color:var(--primary,#6366f1);background:rgba(99,102,241,0.1)}header.site .nav-link i{font-size:0.9rem;opacity:0.7}header.site .nav-link:hover i{opacity:1}.nav-separator{width:1px;height:24px;background:rgba(255,255,255,0.15);margin:0 0.5rem}.nav-spacer{flex:1}.nav-login-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:transparent;color:white;border:1.5px solid rgba(255,255,255,0.3);border-radius:8px;font-size:0.875rem;font-weight:500;text-decoration:none;transition:all 0.25s ease}.nav-login-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:white;transform:translateY(-1px)}.nav-login-btn i{font-size:0.9rem}.nav-dropdown{position:relative;display:inline-flex}.nav-dropdown-trigger{color:rgba(255,255,255,0.85);text-decoration:none;padding:0.5rem 1rem;border-radius:6px;transition:all 0.2s ease;white-space:nowrap;font-size:0.875rem;font-weight:500;display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);cursor:pointer}.nav-dropdown-trigger:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:white}.nav-dropdown-trigger i:first-child{color:var(--primary,#6366f1);font-size:0.9rem}.nav-dropdown-trigger .dropdown-arrow{font-size:0.6rem;opacity:0.6;transition:transform 0.2s ease}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg);opacity:1}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:var(--surface-dark,var(--bg-dark));border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.4);min-width:220px;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;z-index:10000;border:1px solid rgba(255,255,255,0.1)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px)}.nav-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:rgba(255,255,255,0.85);text-decoration:none;transition:all 0.15s ease;font-size:0.875rem;border-radius:6px}.nav-dropdown-menu a:hover{background:rgba(255,255,255,0.08);color:white}.nav-dropdown-menu a i,.nav-dropdown-menu a i.fa-solid{width:20px;min-width:20px;text-align:center;color:var(--primary-light,#818cf8);font-size:1rem;display:inline-block !important;visibility:visible !important;opacity:1 !important;margin-right:8px}.nav-dropdown-menu a:hover i{color:var(--primary,#6366f1)}.nav-dropdown-menu a i.fa-book-open{color:var(--success) !important}.nav-dropdown-menu a i.fa-file-lines{color:var(--info) !important}.nav-dropdown-menu a i.fa-circle-question{color:var(--warning) !important}.nav-dropdown-menu a i.fa-calculator{color:var(--violet) !important}.nav-dropdown-divider{height:1px;background:rgba(255,255,255,0.1);margin:6px 0}.mega-menu{position:fixed;top:70px;left:50%;transform:translateX(-50%) translateY(10px);width:900px;max-width:95vw;background:var(--surface-dark,var(--bg-dark));border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,0.5);padding:0;opacity:0;visibility:hidden;transition:all 0.25s ease;z-index:10000;border:1px solid rgba(255,255,255,0.1);overflow:hidden}.nav-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.mega-menu-section{padding:24px 20px;border-right:1px solid rgba(255,255,255,0.06);background:transparent;transition:background 0.2s ease}.mega-menu-section:last-child{border-right:none}.mega-menu-section:hover{background:rgba(255,255,255,0.02)}.mega-menu-section-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08)}.mega-menu-section-header .section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:10px}.mega-menu-section-header .section-icon.web{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:var(--info)}.mega-menu-section-header .section-icon.apps{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:var(--success)}.mega-menu-section-header .section-icon.software{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:var(--violet)}.mega-menu-section-header .section-icon.automation{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));color:var(--warning)}.mega-menu-section h4{font-size:0.9rem;font-weight:600;color:var(--text-primary,var(--text-primary));margin:0 0 4px 0}.mega-menu-section .section-subtitle{font-size:0.7rem;color:var(--text-muted,#64748b);margin:0}.mega-menu-section .service-links{display:flex;flex-direction:column;gap:2px}.mega-menu-section .service-link{display:block;padding:8px 10px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.8rem;border-radius:6px;transition:all 0.15s ease;margin:0 -10px}.mega-menu-section .service-link:hover{background:rgba(255,255,255,0.08);color:white;padding-left:14px}.mega-menu-section .service-link.featured{color:var(--primary,#6366f1);font-weight:500}.mega-menu-section .service-link.featured:hover{color:#818cf8}.mega-menu-mitiklive{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.05));grid-column:span 4;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,0.08)}.mega-menu-mitiklive .mitik-info{display:flex;align-items:center;gap:16px}.mega-menu-mitiklive .mitik-logo{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,var(--violet));border-radius:12px;display:flex;align-items:center;justify-content:center}.mega-menu-mitiklive .mitik-logo i{font-size:1.5rem;color:white}.mega-menu-mitiklive .mitik-text h5{font-size:0.95rem;font-weight:600;color:white;margin:0 0 4px 0}.mega-menu-mitiklive .mitik-text p{font-size:0.75rem;color:var(--text-muted,#94a3b8);margin:0}.mega-menu-mitiklive .platform-badges{display:flex;gap:8px}.mega-menu-mitiklive .platform-badges a.platform-badge{display:block !important;width:36px !important;height:36px !important;background:none !important;background-image:none !important;border-radius:8px;overflow:visible;opacity:0.85;transition:all 0.2s ease;padding:0}.mega-menu-mitiklive .platform-badges a.platform-badge:hover{opacity:1;transform:scale(1.1)}.mega-menu-mitiklive .platform-badges a.platform-badge img{display:block;width:36px !important;height:36px !important;border-radius:8px}.mega-menu-mitiklive .btn-explore{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,var(--violet));color:white;text-decoration:none;font-size:0.85rem;font-weight:600;border-radius:8px;transition:all 0.2s ease}.mega-menu-mitiklive .btn-explore:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(99,102,241,0.4)}.nav-btn-cta{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.5rem;background:linear-gradient(135deg,var(--success) 0%,#059669 50%,#047857 100%);color:white;border-radius:50px;font-weight:700;font-size:0.9rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(16,185,129,0.4),0 0 0 0 rgba(16,185,129,0.4);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:0.5px;animation:cta-glow 2s ease-in-out infinite}@keyframes cta-glow{0%,100%{box-shadow:0 4px 15px rgba(16,185,129,0.4),0 0 0 0 rgba(16,185,129,0.4)}50%{box-shadow:0 4px 20px rgba(16,185,129,0.6),0 0 0 4px rgba(16,185,129,0.1)}}.nav-btn-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.nav-btn-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(16,185,129,0.5);color:white;animation:none}.nav-btn-cta:hover::before{left:100%}.nav-btn-cta i{font-size:1rem}.price-tag{display:inline-block;padding:0.15rem 0.4rem;background:rgba(99,102,241,0.2);color:#a5b4fc;border-radius:4px;font-size:0.65rem;font-weight:600;margin-left:auto;text-transform:uppercase}.price-tag.hot{background:linear-gradient(135deg,var(--danger),#f97316);color:white;animation:pulse-hot 2s infinite}@keyframes pulse-hot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.9;transform:scale(1.05)}}.user-section{display:flex;align-items:center;gap:0.5rem;margin-left:0.5rem;padding-left:0.75rem;border-left:1px solid rgba(255,255,255,0.1)}.user-email-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;background:transparent;border:1px solid rgba(99,102,241,0.4);color:#a5b4fc;border-radius:20px;font-size:0.75rem;font-weight:400;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-badge i{color:#6366f1;font-size:0.875rem}.btn-logout{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.6rem;background:rgba(239,68,68,0.15);color:var(--danger-light);border:1px solid rgba(239,68,68,0.3);border-radius:6px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.btn-logout:hover{background:rgba(239,68,68,0.25);border-color:rgba(239,68,68,0.5);color:#fca5a5}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;background:rgba(255,255,255,0.1);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;z-index:1001}.mobile-menu-toggle:hover{background:rgba(255,255,255,0.2)}.hamburger-line{display:block;width:22px;height:2px;background:white;border-radius:2px;transition:all 0.3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header-mobile-right{display:none;align-items:center;gap:8px}.mobile-login-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary,#6366f1);color:white;border-radius:8px;font-size:0.875rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;white-space:nowrap}.mobile-login-btn:hover{background:var(--primary-dark,var(--primary));color:white;transform:translateY(-1px)}.mobile-login-btn i{font-size:1rem}.mobile-download-btn{display:none;align-items:center;gap:5px;padding:7px 12px;background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:white;border-radius:8px;font-size:0.8rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(34,197,94,0.3)}.mobile-download-btn:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.mobile-download-btn i{font-size:0.85rem}.mobile-user-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(99,102,241,0.2);color:var(--primary,#6366f1);border-radius:50%;font-size:1.25rem;text-decoration:none;transition:all 0.2s ease}.mobile-user-btn:hover{background:var(--primary,#6366f1);color:white}.mobile-logout-form{margin:0}.mobile-logout-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:rgba(239,68,68,0.15);color:var(--danger);border:none;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.mobile-logout-btn:hover{background:var(--danger);color:white}.mobile-logout-btn i{font-size:0.9rem}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-secondary,#cbd5e1);text-decoration:none;font-size:0.9375rem;font-weight:500;border-radius:8px;transition:all 0.2s ease}.nav-link:hover,.nav-link.active{color:white;background:rgba(255,255,255,0.1)}.nav-link i{font-size:1rem;opacity:0.8}.desktop-only{display:flex}.mobile-nav-footer{display:none;position:absolute;bottom:0;left:0;right:0;padding:1rem;background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1)}.mobile-nav-footer .nav-btn-cta{width:100%;justify-content:center;padding:0.75rem 1rem}@media (max-width:768px){.header-mobile-right{display:flex;order:2}.mobile-download-btn{display:flex;order:1;margin-left:auto;margin-right:8px}.desktop-only{display:none !important}.mobile-login-btn span{display:inline}.mobile-menu-toggle{display:flex;order:2}header.site{padding:0.75rem 0;min-height:auto}header.site .header-content{flex-wrap:nowrap;justify-content:space-between;position:relative}header.site .brand{font-size:1.1rem;gap:0.5rem;order:1}header.site .brand .logo{width:28px;height:28px}header.site .main-nav{position:fixed;top:60px;right:-100%;width:300px;max-width:85vw;height:calc(100vh - 60px);background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-darker) 100%);flex-direction:column;align-items:stretch;padding:0;gap:0;transition:right 0.35s cubic-bezier(0.4,0,0.2,1);z-index:9998;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-shadow:-8px 0 32px rgba(0,0,0,0.4);border-left:1px solid rgba(255,255,255,0.08)}header.site .main-nav.active,header.site .main-nav.open{right:0}header.site .main-nav>a,header.site .main-nav>.nav-btn,header.site .main-nav>.nav-link{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:0.95rem;font-weight:500;color:rgba(255,255,255,0.9);transition:all 0.2s ease;text-decoration:none}header.site .main-nav>a i,header.site .main-nav>.nav-link i{width:20px;text-align:center;font-size:1rem;opacity:0.7}header.site .main-nav>a:hover,header.site .main-nav>a:active{background:rgba(99,102,241,0.1);color:white}.nav-dropdown{width:100%;flex-direction:column}.nav-dropdown-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06);background:transparent;border-left:none;border-right:none;border-top:none;font-size:0.95rem;font-weight:500;color:rgba(255,255,255,0.9);transition:all 0.2s ease;cursor:pointer}.nav-dropdown-trigger i:first-child{width:20px;text-align:center;font-size:1rem;opacity:0.7}.nav-dropdown-trigger .nav-text{flex:1}.nav-dropdown-trigger:hover,.nav-dropdown-trigger:active{background:rgba(99,102,241,0.1);color:white}.nav-dropdown.active .nav-dropdown-trigger{background:rgba(99,102,241,0.12);color:white}.nav-dropdown-trigger .dropdown-arrow{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);font-size:0.7rem;opacity:0.5;margin-left:auto}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,0.2);max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0;min-width:auto}.nav-dropdown .mega-menu,header.site .main-nav .nav-dropdown .mega-menu,.mega-menu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:none !important;border-radius:0 !important;background:var(--bg-dark) !important;max-height:0;overflow:hidden !important;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);padding:0 !important;min-width:0 !important;width:100% !important;max-width:100% !important;left:0 !important;right:0 !important;top:auto !important;margin:0 !important}.nav-dropdown .mega-menu-grid,.mega-menu-grid{display:flex !important;flex-direction:column !important;grid-template-columns:1fr !important;gap:0 !important;padding:0.5rem 0;width:100% !important;max-width:100% !important}.nav-dropdown .mega-menu-section,.mega-menu-section{border-right:none !important;border-bottom:none;padding:0;background:transparent;width:100% !important;max-width:100% !important}.mega-menu-section-header{padding:1rem 1.25rem;margin-bottom:0;display:flex !important;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06);width:100% !important}.mega-menu-section-header .section-icon{width:32px;height:32px;font-size:0.9rem;margin-bottom:0;flex-shrink:0}.mega-menu-section-header h4{font-size:0.9rem;margin:0;font-weight:600;color:white}.mega-menu-section .section-subtitle{display:none !important}.mega-menu-section .service-links{padding:0;display:flex !important;flex-direction:column !important;width:100% !important}.mega-menu-section .service-link{padding:0.75rem 1.25rem 0.75rem 1.25rem;margin:0;font-size:0.9rem;color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.04);transition:all 0.2s ease;width:100% !important;display:block !important}.mega-menu-section .service-link:hover,.mega-menu-section .service-link:active{background:rgba(99,102,241,0.15);color:white;padding-left:1.5rem}.mega-menu-section .service-link.featured{color:var(--primary-light);font-weight:500}.mega-menu-mitiklive{flex-direction:column;padding:1.25rem;gap:1rem;text-align:center;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(16,185,129,0.1) 100%);border-top:1px solid rgba(255,255,255,0.08);margin-top:0.5rem;grid-column:auto !important;width:100%}.mega-menu-mitiklive .mitik-info{flex-direction:column;text-align:center;gap:0.75rem}.mega-menu-mitiklive .mitik-logo{width:48px;height:48px;margin:0 auto}.mega-menu-mitiklive .mitik-text h5{font-size:1rem;margin-bottom:0.25rem}.mega-menu-mitiklive .mitik-text p{font-size:0.8rem;opacity:0.8}.mega-menu-mitiklive .platform-badges{justify-content:center;gap:0.5rem}.mega-menu-mitiklive .platform-badge{width:32px;height:32px}.mega-menu-mitiklive .btn-explore{width:100%;justify-content:center;padding:0.875rem 1.5rem;font-size:0.9rem}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;background:linear-gradient(180deg,rgba(15,23,42,0.95) 0%,rgba(30,41,59,0.98) 100%);max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1);padding:0;min-width:auto}.nav-dropdown.active .nav-dropdown-menu{max-height:500px;padding:0.5rem 0}.nav-dropdown.active .mega-menu{max-height:3000px !important;padding:0 !important;overflow-y:auto !important}.nav-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu a{display:flex;align-items:center;padding:0.875rem 1.5rem;font-size:0.9rem;color:rgba(255,255,255,0.85);border-bottom:1px solid rgba(255,255,255,0.04);gap:14px;transition:all 0.2s ease}.nav-dropdown-menu a:last-child{border-bottom:none}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:active{background:rgba(99,102,241,0.15);color:white;padding-left:1.75rem}.nav-dropdown-menu a i{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.nav-dropdown-menu a i.fa-book-open{color:#6366f1}.nav-dropdown-menu a i.fa-file-lines{color:var(--success)}.nav-dropdown-menu a i.fa-play-circle{color:var(--warning)}.nav-dropdown-menu a i.fa-circle-question{color:var(--info)}.nav-dropdown-menu a i.fa-headset{color:var(--danger)}.nav-dropdown-divider{margin:0.5rem 1rem;background:rgba(255,255,255,0.08)}.user-section{width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;border:none;margin-top:auto;border-top:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.2)}.user-email-badge{padding:1rem 1.5rem;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,0.05);max-width:none;justify-content:flex-start;background:rgba(99,102,241,0.05);font-size:0.85rem}.user-email-badge i{color:var(--primary-light)}.btn-logout{padding:1rem 1.5rem;border-radius:0;border:none;background:transparent;justify-content:flex-start;font-size:0.95rem;color:rgba(239,68,68,0.9);transition:all 0.2s ease}.btn-logout:hover,.btn-logout:active{background:rgba(239,68,68,0.12);color:var(--danger);padding-left:1.75rem}.mobile-nav-footer{display:block}header.site .main-nav>.nav-btn-cta{display:none}.mobile-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9997;opacity:0;transition:opacity 0.35s ease}.mobile-overlay.active{display:block;opacity:1}header.site .main-nav.active>a,header.site .main-nav.active>.nav-dropdown,header.site .main-nav.active>.nav-btn,header.site .main-nav.open>a,header.site .main-nav.open>.nav-dropdown,header.site .main-nav.open>.nav-btn{animation:slideInRight 0.3s ease forwards}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}header.site .main-nav.active>*:nth-child(1),header.site .main-nav.open>*:nth-child(1){animation-delay:0.05s}header.site .main-nav.active>*:nth-child(2),header.site .main-nav.open>*:nth-child(2){animation-delay:0.1s}header.site .main-nav.active>*:nth-child(3),header.site .main-nav.open>*:nth-child(3){animation-delay:0.15s}header.site .main-nav.active>*:nth-child(4),header.site .main-nav.open>*:nth-child(4){animation-delay:0.2s}header.site .main-nav.active>*:nth-child(5),header.site .main-nav.open>*:nth-child(5){animation-delay:0.25s}header.site .main-nav.active>*:nth-child(6),header.site .main-nav.open>*:nth-child(6){animation-delay:0.3s}}@media (max-width:480px){header.site .brand span{display:none}header.site .brand .logo{width:32px;height:32px}.mobile-login-btn span,.mobile-logout-btn span{display:inline}.mobile-login-btn{padding:6px 10px;font-size:0.8rem}.mobile-logout-btn{padding:6px 10px;font-size:0.8rem}.mobile-download-btn{padding:8px;margin-right:4px}.mobile-download-btn span{display:none}.mobile-download-btn i{font-size:1rem}.mobile-menu-toggle{width:40px;height:40px;padding:8px}.hamburger-line{width:20px}header.site .main-nav{top:56px;height:calc(100vh - 56px);width:100%;max-width:100%}.mobile-overlay{top:56px}.mega-menu-section .service-link{padding:0.7rem 1rem;font-size:0.85rem}.mega-menu-section .service-link:hover,.mega-menu-section .service-link:active{padding-left:1.25rem}.mega-menu-section-header{padding:0.875rem 1rem}.mega-menu-section-header .section-icon{width:28px;height:28px;font-size:0.8rem}.mega-menu-section-header h4{font-size:0.85rem}.nav-dropdown-menu a{padding:0.75rem 1.25rem;font-size:0.85rem}.nav-dropdown-menu a i{font-size:1rem;width:20px}}