.alerts-page{min-height:100vh;padding:32px 16px;background:#100c18;color:#fff4d6}
.alerts-box{max-width:640px;margin:0 auto;padding:28px;border:2px solid #80609b;border-radius:12px;background:#21182e}
.alerts-box h1{font-size:32px;line-height:1.2;margin:24px 0 14px}.alerts-box a{color:#c9aeff}.alerts-box p{line-height:1.6}.alerts-box label{display:block;margin:14px 0}.alerts-box input[type=email],.alerts-box input[type=text]{width:100%;min-height:44px;padding:12px;border:1px solid #b19fc0;border-radius:6px;font:inherit;background:#fff8e6;color:#160d20}
.alerts-area-controls{margin-top:4px}
.alerts-radii{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.alerts-radii button{min-height:44px;background:transparent;color:#fff4d6;border:2px solid #80609b;border-radius:6px;font:700 16px/1 inherit;cursor:pointer}
.alerts-radii button[aria-checked="true"]{background:#ff9b42;border-color:#ff9b42;color:#160d20}
.alerts-radii button:focus-visible{outline:3px solid #a6e22e;outline-offset:2px}.alerts-box fieldset{padding:12px 18px;margin:22px 0;border:1px solid #80609b}.alerts-box legend{padding:0 6px;font-weight:700}.alerts-box input[type=checkbox]{width:18px;height:18px;margin-right:8px;vertical-align:middle}.alerts-box .btn{margin-top:10px}.alerts-honeypot{position:absolute!important;left:-10000px;opacity:0}.alerts-box [hidden]{display:none!important}.alerts-box .form-note{font-size:13px;color:#d0c1dc}.alerts-top-link{display:block;text-align:center;padding:10px 16px;color:#dbc4ff;background:#21182e}.alerts-top-link[hidden],.alerts-footer-link[hidden]{display:none!important}

.hf-header__actions .alerts-cta{background:#ff9b42;color:#160d20;border:2px solid #ffd39e;font-weight:800;box-shadow:0 3px 0 #763312;text-decoration:none;white-space:normal;text-align:center}
.hf-header__actions .alerts-cta:hover{background:#ffb96d;color:#160d20}.alerts-cta[hidden]{display:none!important}
.alerts-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:2px solid #c49bff;border-top:4px solid #a6e22e;border-radius:10px;background:#21182e;color:#fff4d6;box-shadow:0 20px 80px #0008;overflow:auto;display:flex;flex-direction:column;gap:12px}
.alerts-dialog::backdrop{background:rgba(5,4,8,.6)}.alerts-dialog iframe{display:block;width:100%;height:400px;border:0;border-radius:6px;background:#21182e}.alerts-dialog .dialog-close{background:#352148;color:#fff4d6}.alerts-actions{display:flex;gap:10px}.alerts-actions .btn{flex:1;justify-content:center}.alerts-footnote{margin:0;font-size:13px;color:#d0c1dc;text-align:center}.alerts-cta:focus-visible{outline:3px solid #a6e22e;outline-offset:3px}
.alerts-embedded{padding:0;background:#21182e;min-height:0}.alerts-embedded .alerts-box{border:0;border-radius:0;padding:0 24px 24px}.alerts-embedded .alerts-box>a:first-child{display:none}.alerts-embedded .alerts-box h1{margin-top:0}
@media(max-width:600px){.hf-header__actions{grid-template-columns:1fr!important}.alerts-dialog iframe{height:320px}.alerts-embedded .alerts-box{padding:0 18px 20px}}

/* The modal owns the signup UI directly. Do not place it in an iframe: a
   closed dialog can suppress nested-document paint in Chromium. */
.alerts-inline-form{display:block}
.alerts-inline-fields{display:grid;gap:12px}
.alerts-inline-fields fieldset{margin:0;padding:10px 14px;border:1px solid #80609b}
.alerts-inline-fields legend{padding:0 5px;font-weight:700}
.alerts-inline-fields label{display:block;margin:4px 0}
.alerts-inline-fields input[type=email],.alerts-inline-fields input[type=text]{width:100%;min-height:44px;padding:12px;border:1px solid #b19fc0;border-radius:6px;font:inherit;background:#fff8e6;color:#160d20}
.alerts-inline-form .alerts-actions{margin-top:0}
.alerts-optional{font-weight:400;font-size:.9em}

/* ---- Alerts page matches the main site (design review round 3) ---- */
.alerts-page{font-family:'Barlow',system-ui,sans-serif;font-size:16px;color:#F6EBD3;background:#0B0910;padding:24px 16px 48px}
.alerts-box{border:1px solid #2E2638;border-radius:12px;background:#15101C;padding:24px}
.alerts-box h1{font:800 34px/1.1 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:6px 0 12px;color:#F6EBD3}
.alerts-box p,.alerts-box label{font:400 16px/1.55 'Barlow',system-ui,sans-serif;color:#F6EBD3}
.alerts-box .form-note{font-size:14px;color:#A89DB4}
.alerts-box a{color:#B48CFF;text-decoration:none}.alerts-box a:hover{text-decoration:underline}
.alerts-box input[type=email],.alerts-box input[type=text]{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:1px solid #3A3046;border-radius:6px;background:#16111E;color:#F6EBD3;font:400 16px 'Barlow',system-ui,sans-serif}
.alerts-box input[type=email]:focus-visible,.alerts-box input[type=text]:focus-visible,.alerts-box input[type=checkbox]:focus-visible{outline:2px solid #B48CFF;outline-offset:2px}
.alerts-box fieldset{padding:12px 16px;margin:18px 0;border:1px solid #2E2638;border-radius:8px}
.alerts-box legend{padding:0 6px;font:700 13px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B9AECB}
.alerts-box fieldset label,.alerts-box .consent{display:flex;align-items:center;gap:10px;min-height:44px;margin:0}
.alerts-box .consent{align-items:flex-start;padding:10px 0}
.alerts-box input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#FF7A1A;margin:0}
.alerts-radii button{border:1px solid #3A3046;color:#CFC4B0;background:transparent;font:600 15px 'Barlow',system-ui,sans-serif}
.alerts-radii button[aria-checked="true"]{background:rgba(255,122,26,.16);border-color:#FF7A1A;color:#FFB27A}
.alerts-box .btn--route{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:22px;background:#A6E22E;color:#120E18;font:800 14px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.alerts-box .btn--route:disabled{background:#3A3046;color:#A89DB4;cursor:not-allowed}