/* ============== HEADER ============== */
.header {
position: sticky;
top: 0;
background: var(--dark);
color: var(--white);
z-index: 100;
border-bottom: 1px solid var(--border-dark);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
gap: 24px;
}
.logo {
display: flex;
align-items: center;
text-decoration: none;
color: var(--white);
}
.logo img {
height: 34px;
width: auto;
display: block;
}
.header-nav {
display: flex;
gap: 28px;
}
.header-nav a {
color: var(--white);
text-decoration: none;
font-size: 14px;
font-weight: 400;
opacity: 0.85;
transition: opacity 0.15s;
}
.header-nav a:hover { opacity: 1; }
.header-cta {
padding: 10px 20px;
background: var(--accent);
color: var(--white);
border-radius: 4px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: background 0.15s;
}
.header-cta:hover { background: var(--accent-hover); }
@media (max-width: 900px) {
.header-nav { display: none; }
}