:root {
    --prospect-blue: #1565e9;
    --prospect-blue-dark: #071f46;
    --prospect-green: #12c870;
}

.prospect-brand {
    min-height: 82px;
    padding: 0 4px 24px;
    overflow: hidden;
    text-decoration: none;
}

.prospect-brand-logo {
    display: block;
    width: 100%;
    max-width: 240px;
    height: 72px;
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
}

.prospect-auth-brand {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    text-decoration: none;
}

.prospect-auth-logo {
    display: block;
    object-fit: contain;
    object-position: left center;
}

.prospect-auth-logo-dark {
    width: min(100%, 380px);
    height: 108px;
    border-radius: 16px;
}

.prospect-mobile-brand {
    width: 100%;
}

.prospect-auth-logo-mobile {
    width: min(100%, 300px);
    height: 86px;
    object-position: left center;
    border-radius: 14px;
}

.navigation-item {
    transition:
        background 160ms ease,
        color 160ms ease,
        transform 160ms ease;
}

.navigation-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transform: translateX(2px);
}

.navigation-item.active {
    background:
        linear-gradient(
            135deg,
            rgba(21, 101, 233, 0.95),
            rgba(18, 200, 112, 0.78)
        );
    color: #ffffff;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.18);
}

.status-indicator {
    background: var(--prospect-green);
    box-shadow:
        0 0 0 4px rgba(18, 200, 112, 0.14);
}

.auth-submit {
    background:
        linear-gradient(
            135deg,
            var(--prospect-blue) 0%,
            #0b7fe5 58%,
            var(--prospect-green) 100%
        );
}

.auth-form-eyebrow,
.topbar-eyebrow,
.section-label {
    color: var(--prospect-blue);
}

.auth-input-wrapper input:focus {
    border-color: var(--prospect-blue);
    box-shadow:
        0 0 0 4px rgba(21, 101, 233, 0.1);
}

.auth-password-toggle {
    color: var(--prospect-blue);
}

@media (max-width: 1000px) {
    .prospect-mobile-brand {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 800px) {
    .prospect-brand {
        min-height: auto;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

    .prospect-brand-logo {
        width: 250px;
        max-width: 100%;
        height: 76px;
        object-position: left center;
    }
}

@media (max-width: 520px) {
    .prospect-auth-logo-mobile {
        width: 250px;
        height: 72px;
    }
}