.main-header{position: fixed;top: 0;left: 0;width: 100%;background-color: var(--white);box-shadow: 0 2px 10px rgba(0,0,0,0.08);z-index: 1000;transition: all 0.3s ease}.main-header.scrolled{box-shadow: 0 4px 20px rgba(0,0,0,0.05)}.main-header.header-hidden{transform: translateY(-100%)}.header-container{max-width: 1400px;margin: 0 auto;padding: 0 1rem;height: 75px;display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.header-logo{flex-shrink: 0;z-index: 1001}.logo-link{display: flex;align-items: center;transition: transform 0.3s ease}.logo-link:hover{transform: scale(1.05)}.header-logo img{height: 45px;width: auto}.header-nav-desktop{display: none;flex-grow: 1;margin: 0 1rem}.nav-list{display: flex;gap: 0.2rem;list-style: none;margin: 0;padding: 0;justify-content: center;flex-wrap: wrap}.nav-link{display: block;padding: 0.6rem 0.9rem;color: var(--black);text-decoration: none;font-weight: 500;font-size: 0.9rem;border-radius: 8px;transition: all 0.15s ease;text-transform: capitalize;white-space: nowrap}.nav-link.active{background-color: var(--primary);color: var(--white)}.nav-link:hover{background-color: var(--secondary);color: var(--white)}.header-actions{display: flex;align-items: center;gap: 0.75rem}.header-actions .btn-login:hover{transform: scale(1.05)}.btn-login,.btn-signup{display: none;padding: 0.6rem 1.5rem;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 0.95rem;transition: all 0.3s ease;white-space: nowrap}.btn-login{color: var(--black);border: 2px solid transparent;animation: loginWiggle 3s ease-in-out infinite;animation-delay: 1s}@keyframes loginWiggle{0%,100%{transform: rotate(0deg)}5%{transform: rotate(-3deg) scale(1.05)}10%{transform: rotate(3deg) scale(1.05)}15%{transform: rotate(-2deg)}20%{transform: rotate(2deg)}25%,100%{transform: rotate(0deg) scale(1)}}.btn-login:hover{color: var(--orange);animation: none;transform: scale(1.1)}.btn-signup{background-color: var(--primary);color: var(--white);border: 2px solid var(--primary)}.btn-signup:hover{background-color: var(--secondary);color: var(--white);border: 2px solid var(--secondary)}.user-menu{position: relative;display: block}.user-btn{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;background-color: transparent;border: 2px solid #e0e0e0;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;font-family: inherit}.user-btn:hover,.user-menu.active .user-btn{border-color: var(--secondary);background-color: var(--secondary)}.user-btn:hover .user-icon,.user-menu.active .user-btn .user-icon{filter: brightness(0) invert(1)}.user-btn:hover .user-name,.user-menu.active .user-btn .user-name{color: var(--white)}.user-btn:hover .dropdown-arrow,.user-menu.active .user-btn .dropdown-arrow{color: var(--white)}.user-icon{width: 24px;height: 24px;border-radius: 50%}.user-name{font-weight: 600;color: var(--black);font-size: 0.85rem}.dropdown-arrow{display: flex;align-items: center;justify-content: center;color: var(--black);transition: transform 0.3s ease}.dropdown-arrow svg{width: 14px;height: 14px}.user-btn[aria-expanded="true"] .dropdown-arrow{transform: rotate(180deg)}.user-dropdown{position: absolute;top: calc(100% + 10px);right: -10px;min-width: 180px;background-color: var(--secondary);border-radius: 12px;box-shadow: 0 8px 25px rgba(0,0,0,0.25);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;overflow: hidden;z-index: 1002}.user-menu.active .user-dropdown{opacity: 1;visibility: visible;transform: translateY(0)}.dropdown-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.9rem 1.25rem;color: rgba(255,255,255,0.8);text-decoration: none;font-size: 0.95rem;font-weight: 500;transition: all 0.3s ease;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative}.dropdown-item:last-child{border-bottom: none}.dropdown-item:hover{background: linear-gradient(90deg,rgba(255,165,0,0.25) 0%,rgba(31,41,55,0.4) 100%);color: var(--white)}.dropdown-item:hover .dropdown-icon{color: var(--white)}.dropdown-item:hover .dropdown-icon svg{transform: scale(1.2) rotateZ(10deg)}.dropdown-item.logout{color: var(--danger)}.dropdown-item.logout .dropdown-icon{color: var(--danger)}.dropdown-item.logout:hover{background: linear-gradient(90deg,rgba(239,68,68,0.25) 0%,rgba(31,41,55,0.4) 100%);color: var(--danger)}.dropdown-item.logout:hover .dropdown-icon{color: var(--danger)}.dropdown-icon{font-size: 1.1rem;display: flex;justify-content: center;align-items: center;color: var(--orange);transition: color 0.3s ease}.dropdown-icon svg{transition: transform 0.3s ease}.mobile-menu-toggle{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 45px;height: 45px;background: none;border: none;cursor: pointer;padding: 0;z-index: 1001;transition: all 0.3s ease}.mobile-menu-toggle:hover{background-color: transparent}.hamburger-line{width: 28px;height: 3px;background-color: var(--black);border-radius: 3px;transition: all 0.3s ease}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform: translateY(8px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity: 0;transform: scaleX(0)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform: translateY(-8px) rotate(-45deg)}.mobile-nav-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 998}.mobile-nav-overlay.active{opacity: 1;visibility: visible}.mobile-nav{position: fixed;top: 0;right: 0;width: 320px;max-width: 90%;height: 100vh;background: var(--white);box-shadow: -4px 0 15px rgba(0,0,0,0.1);padding: 0;transform: translateX(100%);transition: transform 0.3s ease;z-index: 999;overflow-y: auto;display: flex;flex-direction: column}.mobile-nav-overlay.active .mobile-nav{transform: translateX(0)}.mobile-nav::before{content: '';display: block;height: 75px;background: var(--white)}.mobile-nav-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;justify-content: center;gap: 0;flex-grow: 1}.mobile-nav-link{display: flex;align-items: center;padding: 0.9rem 1.5rem 0.9rem 2rem;color: var(--black);text-decoration: none;font-weight: 500;font-size: 1.1rem;transition: all 0.2s ease;text-transform: capitalize;border-bottom: 1px solid #f0f0f0;border-left: 3px solid transparent}.mobile-nav-link:hover{background-color: #f5f5f5;color: var(--primary);border-left-color: var(--primary);padding-left: 2.2rem}.mobile-nav-link.active{background-color: #f8f8f8;color: var(--primary);font-weight: 600;border-left-color: var(--primary)}.mobile-auth-buttons{display: flex;flex-direction: column;gap: 0.75rem;margin-top: auto;padding: 1rem 1.5rem 0.75rem;background: var(--white)}.mobile-btn-login,.mobile-btn-signup{display: flex;align-items: center;justify-content: center;padding: 0.85rem 1.25rem;text-align: center;text-decoration: none;font-weight: 600;font-size: 1rem;border-radius: 8px;transition: all 0.2s ease}.mobile-btn-login{background: transparent;color: var(--primary);border: 2px solid var(--primary);animation: loginWiggle 3s ease-in-out infinite;animation-delay: 1s}.mobile-btn-login:hover{border-color: var(--secondary);color: var(--secondary);animation: none;transform: scale(1.02)}.mobile-btn-signup{background-color: var(--primary);color: var(--white);border: 2px solid var(--primary)}.mobile-btn-signup:hover{background-color: var(--secondary);border-color: var(--secondary)}.mobile-social{display: flex;gap: 0.75rem;justify-content: center;padding: 0.5rem 1.5rem 1rem;background: var(--white)}.mobile-social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(0,0,0,0.05);border-radius: 50%;color: var(--black);transition: all 0.3s ease}.mobile-social-link:hover{background-color: var(--primary);color: var(--white);transform: translateY(-3px)}.mobile-social-link svg{width: 20px;height: 20px}body.menu-open{overflow: hidden}body{padding-top: 75px}@media screen and (min-width: 600px) and (max-width: 1024px){.header-container{padding: 0 2rem}.mobile-nav{width: 350px}}@media screen and (min-width: 1025px){.header-container{height: 80px;gap: 1rem;padding: 0 2rem}.header-logo img{height: 48px}.header-actions{gap: 0.75rem}.user-btn{padding: 0.45rem 0.85rem;gap: 0.4rem}.user-icon{width: 26px;height: 26px}.user-name{font-size: 0.9rem}.dropdown-arrow{font-size: 0.75rem}.user-dropdown{min-width: 200px;right: 0}.mobile-menu-toggle{display: none}.header-nav-desktop{display: block}.nav-link{padding: 0.55rem 0.75rem;font-size: 0.82rem}.btn-login,.btn-signup{display: inline-block;padding: 0.55rem 1.25rem;font-size: 0.9rem}.mobile-nav-overlay{display: none}body{padding-top: 80px}}@media screen and (min-width: 1025px) and (max-width: 1199px){.header-nav-desktop{margin: 0 0.5rem}.nav-list{gap: 0.1rem}.nav-link{padding: 0.5rem 0.6rem;font-size: 0.78rem}}@media screen and (min-width: 1200px){.header-container{height: 85px;padding: 0 3rem;gap: 1.5rem}.header-logo img{height: 52px}.nav-list{gap: 0.2rem}.nav-link{padding: 0.6rem 0.9rem;font-size: 0.85rem}.user-btn{padding: 0.5rem 1rem;gap: 0.5rem}.user-icon{width: 28px;height: 28px}.user-name{font-size: 0.95rem}.dropdown-arrow{font-size: 0.8rem}.btn-login,.btn-signup{padding: 0.6rem 1.4rem;font-size: 0.95rem}.header-actions{gap: 1rem}body{padding-top: 85px}}@media screen and (min-width: 1400px){.header-container{gap: 2rem}.nav-list{gap: 0.35rem}.nav-link{padding: 0.65rem 1.05rem;font-size: 0.9rem}.btn-login,.btn-signup{padding: 0.6rem 1.5rem;font-size: 0.95rem}}@media screen and (min-width: 1600px){.header-container{max-width: 1600px}.nav-list{gap: 0.75rem}.nav-link{padding: 0.75rem 1.5rem;font-size: 1.05rem}}