.site-header,
#masthead {
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(75, 0, 130, 0.06);
    border-bottom: 1px solid rgba(75, 0, 130, 0.08);
}

.site-branding img {
    max-height: 72px;
    width: auto;
}

.main-navigation .primary-menu-container > ul > li > a,
.header-navigation .menu > li > a {
    font-weight: 700;
    color: #333333;
    font-size: 15px;
    padding: 12px 10px;
}

.main-navigation .primary-menu-container > ul > li > a:hover,
.header-navigation .menu > li > a:hover {
    color: #4B0082;
}

.amp-login-link,
.amp-join-btn,
.amp-donate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none !important;
    margin-inline-start: 8px;
    transition: all .2s ease;
    white-space: nowrap;
}

.amp-login-link {
    color: #4B0082;
    background: #ffffff;
    border: 1px solid rgba(75, 0, 130, 0.18);
}

.amp-login-link:hover {
    background: #f5f0fa;
    color: #4B0082;
}

.amp-join-btn {
    color: #ffffff;
    background: #4B0082;
    border: 1px solid #4B0082;
}

.amp-join-btn:hover {
    background: #6A1B9A;
    color: #ffffff;
}

.amp-donate-btn {
    color: #ffffff;
    background: #FF6F00;
    border: 1px solid #FF6F00;
    box-shadow: 0 8px 20px rgba(255, 111, 0, 0.22);
}

.amp-donate-btn:hover {
    background: #FF8F00;
    color: #ffffff;
    transform: translateY(-1px);
}