.film-alerts {
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 36px;
    align-items: center;
    max-width: 1100px;
    margin: 32px auto 48px;
    padding: 38px;
    border: 1px solid #383542;
    border-radius: 22px;
    background: radial-gradient(ellipse at top left, #343043, #19181f 70%);
    color: #fff;
    text-align: left;
    scroll-margin-top: 90px;
}
#landing > .film-alerts { width: calc(100% - 40px); }
.film-alerts[hidden] { display: none; }
.film-alerts .film-kicker { display: flex; gap: 10px; align-items: center; color: #d8c6a5; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px; }
.film-kicker span { border: 1px solid #a3957d; border-radius: 5px; padding: 4px 6px; color: #f6e4c3; letter-spacing: .02em; }
.film-alerts h2 { color: #fff; font-size: clamp(26px, 3.1vw, 38px); font-weight: 650; line-height: 1.13; letter-spacing: -.025em; margin: 0 0 14px; }
.film-alerts .film-description { color: #ddd8e3; font-size: 16px; line-height: 1.55; margin: 0; }
.film-alerts .film-free-songs { color: #ddd8e3; font-size: 14px; line-height: 1.5; margin: 16px 0 0; }
.film-alerts a { color: #f3dfb9; text-decoration: underline; text-underline-offset: 3px; }
.film-form label { display: block; color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 9px; }
.film-form-row { display: flex; gap: 10px; }
.film-form input[type=email] { box-sizing: border-box; flex: 1; min-width: 0; width: 100%; padding: 14px; border: 1px solid #ada8b8; border-radius: 9px; background: #fff; color: #19181f; font: inherit; font-size: 16px; }
.film-form button, .film-unsubscribe-button { border: 0; border-radius: 9px; padding: 14px 20px; min-height: 48px; background: #efdab5; color: #201b14; font: inherit; font-weight: 650; cursor: pointer; white-space: nowrap; }
.film-form button:hover, .film-unsubscribe-button:hover { background: #ffe9c4; }
.film-form button:disabled, .film-unsubscribe-button:disabled { opacity: .65; cursor: wait; }
.film-alerts :focus-visible, .film-unsubscribe-button:focus-visible { outline: 3px solid #baa8ef; outline-offset: 4px; }
.film-alerts .film-consent { color: #c5c0ce; font-size: 12px; line-height: 1.6; margin: 12px 0 0; }
.film-alerts .film-spoilers { color: #c5c0ce; font-size: 12px; line-height: 1.6; border-top: 1px solid #49434f; padding-top: 14px; margin: 18px 0 0; }
.film-spoilers strong { color: #f1e9df; }
.film-alerts .film-status { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: #d5f0d9; }
.film-alerts .film-status:empty { display: none; }
.film-alerts .film-status[data-error=true] { color: #ffcdc8; }
.film-trap { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
#player .film-alerts { display: block; width: min(600px, 90%); padding: 26px; margin-top: 24px; }
#player .film-form { margin-top: 22px; }
#player .film-alerts h2 { font-size: 28px; }
.film-alert-nav { white-space: nowrap; }
@media (max-width: 800px) {
    .film-alerts { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
    .film-alerts h2 { max-width: 560px; }
}
@media (max-width: 480px) {
    .film-alerts { padding: 24px 20px; border-radius: 16px; margin-top: 24px; }
    .film-form-row { flex-direction: column; }
    .film-form button { width: 100%; }
    .film-alert-nav { display: none; }
}