.NewPortalBanner {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 760px;
    margin: 24px auto 0;
    padding: 22px 28px;
    color: #fff;
    background: linear-gradient(135deg, #032154 0%, #13408b 100%);
    border-left: 8px solid #fd8536;
    border-bottom: 4px solid #54bab6;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(3, 33, 84, 0.35);
}

.NewPortalBanner-badge {
    flex: 0 0 auto;
    padding: 8px 18px;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    background-color: #fd8536;
    border-radius: 999px;
    animation: NewPortalBanner-pulse 2s ease-in-out infinite;
}

.NewPortalBanner-body {
    flex: 1 1 auto;
}

.NewPortalBanner-title {
    margin: 0 0 4px;
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
}

.NewPortalBanner-text {
    margin: 0;
    font-size: 1.05rem;
    color: #fff;
}

@keyframes NewPortalBanner-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(253, 133, 54, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(253, 133, 54, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .NewPortalBanner-badge {
        animation: none;
    }
}

@media (max-width: 576px) {
    .NewPortalBanner {
        flex-direction: column;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        padding: 18px;
    }

    .NewPortalBanner-title {
        font-size: 1.35rem;
    }
}