.top-bar {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

.top-bar-inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0.65rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.brand {
    color: var(--text);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.brand span {
    color: var(--yellow);
}

@media (max-width: 720px) {
    .top-bar-inner {
        padding: 0.6rem 1.1rem;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .brand {
        font-size: 0.76rem;
    }

    a.premium {
        font-size: 0.86rem;
    }
}