.sb-hero-4 {
    min-height: 70vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.sb-hero-4 .sb-hero-content-box {
    background-color: var(--sb-surface-strong, var(--sb-bg));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--sb-hairline);
    border-radius: var(--sb-radius-l);
    padding: clamp(20px, 5vw, 50px);
    max-width: 700px;
    text-align: center;
    color: var(--sb-base);
}
.sb-hero-4 h1 {
    color: #FFF !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    margin-bottom: 0.5em;
}
.sb-hero-4 p {
    color: var(--sb-muted);
    font-size: 1.1rem;
    opacity: 0.9;
}
/* Нужно добавить RGB-версию фона для backdrop-filter */
:root { --sb-bg-rgb: 11, 16, 32; }