.alerts-page{max-width:1280px;margin:0 auto;padding:34px 24px 74px}
.alerts-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);overflow:hidden;border-radius:26px;color:#fff;background:#0a0d11;box-shadow:0 28px 70px rgba(8,12,18,.22)}
.alerts-hero-copy{padding:clamp(38px,6vw,70px)}
.alerts-hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(3rem,6.5vw,6.3rem);font-weight:950;line-height:.88;letter-spacing:-3px}
.alerts-hero p{max-width:720px;color:#d9e0e7;font-size:1.08rem;line-height:1.7}
.alerts-hero-image{position:relative;min-height:520px;background:linear-gradient(180deg,transparent 35%,rgba(5,8,12,.85)),url('/assets/email-matchday-hero.jpg') center/cover}
.alerts-hero-image div{position:absolute;left:28px;right:28px;bottom:28px}
.alerts-hero-image b,.alerts-hero-image span{display:block}
.alerts-hero-image b{font-size:2rem;line-height:1}
.alerts-hero-image span{margin-top:8px;color:#d7e0e9}
.alerts-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.alerts-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:850}
.alerts-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:28px;margin-top:28px}
.alerts-form,.alerts-explainer{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(20,24,29,.08)}
.alerts-form{display:grid;gap:22px;padding:34px}
.form-heading h2{margin:7px 0 7px;font-size:clamp(2rem,4vw,3rem);line-height:1}
.form-heading p{margin:0;color:var(--muted);line-height:1.55}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-label{display:grid;gap:8px;font-weight:900}
.alerts-form input[type=email],.alerts-form select{width:100%;min-height:52px;padding:12px 14px;border:1px solid #b8c0c9;border-radius:11px;background:#fff;font:inherit}
.alerts-form input[type=email]:focus,.alerts-form select:focus{outline:3px solid rgba(32,109,255,.18);border-color:#206dff}
.preference-fieldset{margin:0;padding:0;border:0}
.preference-fieldset legend{margin-bottom:12px;font-weight:950}
.preference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.preference-option{position:relative;display:block;cursor:pointer}
.preference-option>input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.preference-card{position:relative;min-height:205px;padding:20px;display:flex;flex-direction:column;border:1px solid #d8dee5;border-radius:17px;background:#f8fafc;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.preference-card:after{content:'';position:absolute;top:15px;right:15px;width:22px;height:22px;border:2px solid #aeb7c1;border-radius:7px;background:#fff}
.preference-icon{font-size:2rem}
.preference-card strong{margin-top:15px;font-size:1.02rem}
.preference-card small{margin-top:7px;color:#626d79;font-size:.79rem;font-weight:600;line-height:1.45}
.preference-state{margin-top:auto;padding-top:14px;color:#7a8490;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.preference-option>input:checked+.preference-card{transform:translateY(-2px);border-color:#206dff;background:#eef4ff;box-shadow:0 12px 25px rgba(32,109,255,.13)}
.preference-option>input:checked+.preference-card:after{border-color:#0875f5;background:#0875f5;box-shadow:inset 0 0 0 5px #0875f5}
.preference-option>input:checked+.preference-card:before{content:'✓';position:absolute;z-index:1;top:15px;right:19px;color:#fff;font-size:16px;font-weight:950}
.preference-option>input:focus-visible+.preference-card{outline:3px solid rgba(32,109,255,.25);outline-offset:2px}
.preference-option>input:disabled+.preference-card{cursor:not-allowed;opacity:.5;filter:grayscale(.5)}
.marketing-option .preference-card{background:#fff9f4}
.marketing-option>input:checked+.preference-card{border-color:#ff4d24;background:#fff0e9;box-shadow:0 12px 25px rgba(255,77,36,.13)}
.marketing-option>input:checked+.preference-card:after{border-color:#ff4d24;background:#ff4d24;box-shadow:inset 0 0 0 5px #ff4d24}
.consent-panel{padding:18px 20px;border-left:5px solid #ff4d24;border-radius:0 14px 14px 0;background:#fff6f1}
.consent-panel strong{display:block;font-size:1rem}
.consent-panel p{margin:7px 0 0;color:#59636e;font-size:.84rem;line-height:1.55}
.consent-panel a{font-weight:850}
.form-status{min-height:1.4em;margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.form-status.success{color:#17653a;font-weight:850}
.form-status.error{color:#a12321;font-weight:850}
.submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.submit-row .button{min-height:52px;padding-inline:22px}
.submit-row span{color:#68737f;font-size:.78rem}
.trap-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}
.alerts-explainer{align-self:start}
.explainer-photo img{display:block;width:100%;height:235px;object-fit:cover}
.explainer-content{padding:28px}
.alerts-explainer ol{list-style:none;margin:22px 0;padding:0;display:grid;gap:20px}
.alerts-explainer li{display:flex;gap:14px}
.alerts-explainer li>b{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#101317}
.alerts-explainer p{margin:5px 0 0;color:var(--muted);line-height:1.55}
.alerts-warning{margin-top:24px;padding:18px;border-radius:13px;background:#f2f5f8}
.hidden{display:none!important}
@media(max-width:920px){.alerts-hero,.alerts-layout{grid-template-columns:1fr}.alerts-hero-image{min-height:340px}.preference-grid{grid-template-columns:1fr}.preference-card{min-height:150px}.identity-grid{grid-template-columns:1fr}}
@media(max-width:560px){.alerts-page{padding:16px 10px 60px}.alerts-hero-copy{padding:32px 24px}.alerts-hero h1{letter-spacing:-1.5px}.alerts-form{padding:24px 18px}.explainer-content{padding:22px}.submit-row{align-items:stretch;flex-direction:column}.submit-row .button{width:100%}}