*{box-sizing:border-box}.main-header{position:sticky;top:0;width:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;z-index:1000;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:10px 0}.header-logo{flex-shrink:0}.logo-link{display:block;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.logo-link img{max-height:60px;width:auto;display:block}.header-nav{flex:1;display:flex;justify-content:center;align-items:center}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-item,.nav-link{position:relative}.nav-link{display:block;padding:12px 0;color:#374151;text-decoration:none;font-weight:500;font-size:16px;transition:color .3s ease}.nav-item.active .nav-link,.nav-link:hover{color:#2563eb}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#2563eb;transition:width .3s ease}.nav-item.active .nav-link:after,.nav-link:hover:after{width:100%}.nav-item:not(.active) .nav-link:not(:hover):after{width:0}.nav-item.dropdown>.nav-link:after,.nav-item.dropdown>.nav-link:hover:after{width:0!important;content:none}.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:10px 0;margin:0;min-width:200px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown-item{display:block;padding:12px 20px;color:#374151;text-decoration:none;font-size:14px;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f3f4f6;color:#2563eb}.mobile-menu-toggle{display:none!important;background:red!important;border:2px solid #0f0!important;cursor:pointer;padding:8px!important;flex-direction:column;gap:4px;z-index:1001;position:relative;width:44px!important;height:38px!important;box-shadow:none!important}.mobile-menu-toggle span{width:25px!important;height:3px!important;background:#374151!important;transition:all .3s ease;border-radius:2px;display:block!important;position:relative!important;left:auto!important;top:auto!important;margin:0!important;text-indent:0!important;overflow:visible!important}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)!important}.mobile-menu-toggle.active span:nth-child(2){opacity:0!important}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)!important}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;transform:translateX(-100%);transition:transform .3s ease}.mobile-menu.active{transform:translateX(0)}.mobile-menu-content{padding:80px 20px 20px;height:100%;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.mobile-menu-header h3{margin:0;font-size:24px;font-weight:600;color:#1f2937}.mobile-menu-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.mobile-menu-close:hover{background:#f3f4f6;color:#374151}.mobile-nav-menu{list-style:none;padding:0;margin:0 0 30px}.mobile-nav-item{margin-bottom:0}.mobile-nav-link{display:block;padding:16px 0;font-size:18px;font-weight:500;color:#374151;text-decoration:none;border-bottom:1px solid #f3f4f6;transition:all .3s ease}.mobile-nav-item.active .mobile-nav-link,.mobile-nav-link:hover{color:#667eea;background:rgba(102,126,234,.05);padding-left:16px}.mobile-dropdown{margin-bottom:0}.mobile-dropdown-toggle{display:block;padding:16px 0;font-size:18px;font-weight:500;color:#374151;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .3s ease}.mobile-dropdown-toggle:hover{color:#667eea;background:rgba(102,126,234,.05);padding-left:16px}.mobile-dropdown-menu{list-style:none;padding:0;background:rgba(102,126,234,.05);border-radius:8px;margin:8px 0 0}.mobile-dropdown-item{display:block;padding:12px 16px;font-size:16px;color:#6b7280;text-decoration:none;transition:all .3s ease}.mobile-dropdown-item:hover{color:#667eea;background:rgba(102,126,234,.1)}.mobile-auth-section{border-top:1px solid #e5e7eb;padding-top:20px}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(102,126,234,.05);border-radius:12px;margin-bottom:16px}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600}.mobile-user-details{flex:1}.mobile-user-name{font-size:16px;font-weight:500;color:#374151}.mobile-auth-buttons{display:flex;flex-direction:column;gap:12px}.mobile-signin-btn,.mobile-signup-btn{width:100%;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.mobile-signin-btn{background:transparent;border:2px solid #667eea;color:#667eea}.mobile-signin-btn:hover{background:#667eea;color:#fff}.mobile-signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.mobile-signup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.mobile-auth-loading{width:100%;height:50px;background:#f3f4f6;border-radius:8px;animation:pulse 1.5s ease-in-out infinite}@media (max-width:768px){.header-content{min-height:70px;padding:8px 0}.logo-link img{max-height:50px}.header-nav{display:none!important}.mobile-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;margin-left:auto!important;margin-right:0!important;background:red!important;border:2px solid #0f0!important}.mobile-menu{display:block!important}}@media (max-width:480px){.header-inner{padding:0 15px}.header-content{min-height:60px}.logo-link img{max-height:40px}}.hero-section{margin-top:0;padding-top:2rem}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.logo-link,.main-header,.mobile-menu,.mobile-menu-toggle span,.nav-link{transition:none}}.logo-link:focus,.mobile-menu-toggle:focus,.nav-link:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){.main-header{border-bottom:2px solid #000}.nav-link{color:#000}.nav-item.active .nav-link,.nav-link:hover{color:#000;background:#ff0}}