/* Special header for select pages only */
.special-header {
    height: 8vh;
    min-height: 0;
    max-height: 8vh;
    background: linear-gradient(90deg, rgba(44,30,92,0.95) 0%, rgba(86,182,201,0.85) 100%);
    box-shadow: 0 2px 14px rgba(80,100,255,0.13);
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 2vw;
    justify-content: center;
    border-bottom: 1.5px solid rgba(186, 182, 211, 0.13);
}

.special-header .nav {
    width: 100%;
    display: flex;
    gap: 1.2em;
    justify-content: center;
    align-items: center;
    background: transparent;
    box-shadow: none;
    height: 100%;
}

.special-header .nav a {
    color: #e0e0e0;
    font-weight: 600;
    font-size: 1.11rem;
    letter-spacing: 0.02em;
    padding: 0.28em 1.1em;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
}

.special-header .nav a.active,
.special-header .nav a:focus,
.special-header .nav a:hover {
    background: rgba(176,224,176,0.12);
    color: #7d5fff;
}

@media (max-width: 600px) {
    .special-header {
        height: 10vh;
        max-height: 10vh;
        padding: 0 1vw;
    }
    .special-header .nav a {
        font-size: 1rem;
        padding: 0.22em 0.6em;
    }
}