.header{position:fixed;top:0;width:100%;z-index:1000;transition:all .5s cubic-bezier(.4,0,.2,1)}.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.08)}@media (min-width:768px){.header.scrolled{box-shadow:0 10px 40px rgba(0,0,0,.08)}}.header-content{max-width:1280px;margin:0 auto;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}@media (min-width:640px){.header-content{padding:12px 16px}}@media (min-width:1024px){.header-content{padding:12px 24px}}.header-content h1,nav ul{margin:0}nav ul{list-style:none;padding:0;display:flex;gap:8px}nav ul li{margin:0}nav ul li a{text-decoration:none;color:#374151;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}nav ul li a:hover{color:#2563eb}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slideIn{animation:slideIn .3s ease-out}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:3px}nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#4f46e5)}