.holder-notifications{margin:clamp(28px,5vw,68px) 0;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);border:1px solid rgba(37,33,29,.22);background:#f3eadb;color:#25211d;box-shadow:0 24px 60px rgba(17,21,29,.08)}
.holder-notifications-copy{padding:clamp(28px,5vw,64px);background:#11151d;color:#f4efe5;position:relative;overflow:hidden}
.holder-notifications-copy:after{content:"";position:absolute;right:-76px;bottom:-92px;width:240px;height:240px;border:1px solid rgba(244,239,229,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(244,239,229,.035),0 0 0 72px rgba(244,239,229,.025);pointer-events:none}
.holder-notifications-kicker{display:block;margin-bottom:18px;color:#d7a182;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.holder-notifications-copy h2{max-width:590px;margin:0;color:#fffaf0;font-size:clamp(34px,4.7vw,64px);line-height:.98;letter-spacing:-.045em}
.holder-notifications-copy>p{max-width:610px;margin:23px 0 34px;color:#bfc3c9;font-size:14px;line-height:1.75}
.holder-notifications-proof{display:grid;gap:0;max-width:520px;position:relative;z-index:1}
.holder-notifications-proof>div{display:grid;grid-template-columns:40px 1fr;gap:0 13px}
.holder-notifications-proof span{grid-row:span 2;align-self:start;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(215,161,130,.55);border-radius:50%;color:#d7a182;font:700 10px/1 Arial,sans-serif}
.holder-notifications-proof strong{color:#f4efe5;font-size:13px;line-height:1.3}
.holder-notifications-proof small{margin:3px 0 20px;color:#858d99;font-size:10px;line-height:1.45}
.holder-notifications-form{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.holder-notifications-form>label>span,.holder-notifications-form legend{display:block;margin-bottom:9px;color:#615b52;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.holder-notifications-form input[type=email]{box-sizing:border-box;width:100%;min-height:48px;padding:0 14px;border:1px solid #b9ad9a;border-radius:4px;background:#fffaf0;color:#25211d;font:600 14px/1.2 Arial,sans-serif}
.holder-notifications-form input[type=email]:focus{outline:3px solid rgba(87,112,142,.2);border-color:#57708e}
.holder-notifications-form input:disabled{opacity:.5;cursor:not-allowed}
.holder-notifications-form fieldset{margin:24px 0 8px;padding:0;border:0}
.holder-notifications-form fieldset label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:14px 0;border-top:1px solid #d2c6b3;cursor:pointer}
.holder-notifications-form.is-locked fieldset label{cursor:not-allowed}.holder-notifications-form.is-locked fieldset label>span{opacity:.5}
.holder-notifications-form fieldset label:last-child{border-bottom:1px solid #d2c6b3}
.holder-notifications-form input[type=checkbox]{width:17px;height:17px;margin:2px 0 0;accent-color:#57708e}
.holder-notifications-form fieldset strong{display:block;color:#25211d;font-size:13px}
.holder-notifications-form fieldset small{display:block;margin-top:4px;color:#746d63;font-size:10px;line-height:1.45}
.holder-notifications-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.holder-notifications-actions .button,.holder-notifications-actions .lounge-quiet{min-height:42px}
#holder-notifications-status{min-height:38px;margin:13px 0 4px;padding:10px 12px;border-left:3px solid #57708e;background:rgba(87,112,142,.08);color:#504a42;font-size:11px;line-height:1.55}#holder-notifications-status.is-error{border-left-color:#a84f3b;background:rgba(168,79,59,.09);color:#7b3023}
.holder-notifications-form :is(button,input):focus-visible{outline:3px solid rgba(87,112,142,.3);outline-offset:2px}
@media(max-width:980px) and (min-width:801px){.holder-notifications{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr)}.holder-notifications-copy,.holder-notifications-form{padding:34px 28px}}
@media(max-width:800px){.holder-notifications{grid-template-columns:1fr}.holder-notifications-copy{padding:28px 22px 24px}.holder-notifications-form{padding:26px 22px 30px}.holder-notifications-copy h2{font-size:35px}.holder-notifications-copy>p{margin:17px 0 24px;line-height:1.65}.holder-notifications-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.holder-notifications-proof>div{display:block}.holder-notifications-proof span{margin-bottom:8px}.holder-notifications-proof strong{display:block;font-size:11px}.holder-notifications-proof small{display:none}.holder-notifications-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.holder-notifications *{scroll-behavior:auto!important}}
