.header { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); position: sticky; top: 0; z-index: 1000; }
.header .header-container { display: flex; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 16px; gap: 24px; }
.header .header-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.header .header-logo .logo-img { height: 28px; width: auto; display: block; }
.header .nav { flex: 1; display: flex; align-items: center; justify-content: flex-end; position: relative; }
@media (min-width: 768px) {
  .header .header-container { padding: 0 24px; }
  .header .header-logo .logo-img { height: 32px; }
}
@media (min-width: 1200px) {
  .header .header-container { padding: 0 32px; gap: 32px; }
  .header .header-logo .logo-img { height: 36px; }
}