@scope (:root) to (.site-head, .foot-stack, .site-foot, a.skip){
.pub:has(.plog-band):where(:scope,:not(:scope)){background:var(--night,#130e2a)}
.pub-main:has(.plog-band):where(:scope,:not(:scope)){max-width:none;padding:0;display:block}
.plog-band:where(:scope,:not(:scope)){position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:clamp(560px,calc(100vh - 76px),900px);padding:100px 20px;background:var(--night,#130e2a);box-sizing:border-box}
.plog-band:where(:scope,:not(:scope))::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(44% 40% at 22% 30%,rgba(107,90,197,.30),transparent 70%),radial-gradient(38% 36% at 80% 72%,rgba(238,46,36,.10),transparent 70%)}
.plog:where(:scope,:not(:scope)){width:100%;max-width:440px;padding:44px 40px 36px;background:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px -18px rgba(8,5,22,.55);font-family:var(--body,"Public Sans",-apple-system,"Segoe UI",sans-serif);font-size:16px;line-height:1.55;color:var(--ink,#17132b);box-sizing:border-box}
.plog *:where(:scope,:not(:scope)){box-sizing:border-box}
.plog-logo:where(:scope,:not(:scope)){display:block;width:176px;height:auto;margin:0 0 28px}
.plog:where(:scope,:not(:scope)){--h1:clamp(30px,2.6vw,36px)}
.plog h1:where(:scope,:not(:scope)){font-family:var(--disp,"Archivo",-apple-system,"Segoe UI",sans-serif);font-weight:400;font-size:var(--h1);line-height:1.1;letter-spacing:-.02em;color:var(--hd,#2c2362);margin:0 0 12px;white-space:nowrap}
.plog-lede:where(:scope,:not(:scope)){margin:0 0 28px;color:var(--muted,#544f6b)}
.plog-addr:where(:scope,:not(:scope)){color:var(--ink,#17132b);font-weight:600;overflow-wrap:anywhere}
#f-code .plog-lede:where(:scope,:not(:scope)){margin-bottom:6px}
.plog-expiry:where(:scope,:not(:scope)){margin:0 0 28px;font-size:14px;color:var(--muted,#544f6b)}
.plog label:where(:scope,:not(:scope)){display:block;font-weight:600;font-size:15px;margin:0 0 8px;color:var(--ink,#17132b)}
.plog input[type=email]:where(:scope,:not(:scope)),.plog input[inputmode]:where(:scope,:not(:scope)){display:block;width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:17px;border:1px solid #8a8599;border-radius:0;background:#fff;color:var(--ink,#17132b);transition:border-color 200ms var(--ease-out,cubic-bezier(.23,1,.32,1)),box-shadow 200ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.plog input:hover:where(:scope,:not(:scope)){border-color:var(--ink,#17132b)}
.plog input:focus:where(:scope,:not(:scope)){outline:none}
.plog input:focus-visible:where(:scope,:not(:scope)){border-color:var(--purple,#4d4286);box-shadow:0 0 0 3px rgba(77,66,134,.28)}
.plog input[aria-invalid=true]:where(:scope,:not(:scope)){border-color:var(--error,#c02b0a)}
.plog input[aria-invalid=true]:focus-visible:where(:scope,:not(:scope)){box-shadow:0 0 0 3px rgba(192,43,10,.22)}
.plog-code:where(:scope,:not(:scope)){font-variant-numeric:tabular-nums;letter-spacing:.32em;font-size:22px!important;font-weight:500}
.plog-err:where(:scope,:not(:scope)){margin:8px 0 0;font-size:14px;font-weight:600;color:var(--error,#c02b0a)}
.plog-err:empty:where(:scope,:not(:scope)){display:none}
.plog-btn:where(:scope,:not(:scope)){display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:20px;padding:15px 24px;border:0;border-radius:0;background:var(--grad,linear-gradient(100deg,#e4281e 0%,#c2234a 55%,#6f2e9b 100%)) no-repeat 0 0/170% 100%;color:#fff;font:500 15px/1.2 var(--body,"Public Sans",sans-serif);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:background-position 280ms var(--ease-out,cubic-bezier(.23,1,.32,1)),transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
@media (hover:hover) and (pointer:fine){.plog-btn:hover:where(:scope,:not(:scope)){background-position:100% 0}}
.plog-btn:active:where(:scope,:not(:scope)){transform:scale(.98)}
.plog-btn:disabled:where(:scope,:not(:scope)){cursor:wait;opacity:.75}
.plog button:focus-visible:where(:scope,:not(:scope)){outline:3px solid var(--purple,#4d4286);outline-offset:3px}
.plog-alt:where(:scope,:not(:scope)){display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;margin-top:12px}
.plog-link:where(:scope,:not(:scope)){display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:0;font:inherit;font-size:15px;color:var(--purple,#4d4286);text-decoration:underline;text-decoration-color:rgba(77,66,134,.4);text-underline-offset:4px;cursor:pointer;text-align:left}
.plog-link:hover:where(:scope,:not(:scope)){text-decoration-color:currentColor}
.plog-link:disabled:where(:scope,:not(:scope)){color:var(--muted,#544f6b);text-decoration:none;cursor:default;font-variant-numeric:tabular-nums}
#msg:where(:scope,:not(:scope)){margin:16px 0 0;font-size:14px;color:var(--muted,#544f6b)}
#msg:empty:where(:scope,:not(:scope)){display:none}
.plog [hidden]:where(:scope,:not(:scope)){display:none!important}
@media (prefers-reduced-motion:reduce){.plog input:where(:scope,:not(:scope)),.plog-btn:where(:scope,:not(:scope)){transition:none}
.plog-btn:active:where(:scope,:not(:scope)){transform:none}}
@media (max-width:767px){.plog-band:where(:scope,:not(:scope)){padding:50px 16px;min-height:0;align-items:flex-start}
.plog:where(:scope,:not(:scope)){padding:32px 24px 28px}}
@media (max-width:359px){.plog-band:where(:scope,:not(:scope)){padding:40px 12px}
.plog:where(:scope,:not(:scope)){padding:28px 18px 24px}
.plog-alt:where(:scope,:not(:scope)){flex-direction:column;gap:0}}
.plog-code:where(:scope,:not(:scope))::selection{background:rgba(77,66,134,.2);color:inherit}
.plog-nw:where(:scope,:not(:scope)){white-space:nowrap}
.plog-help:where(:scope,:not(:scope)){margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line,#ddd9ea);font-size:15px;color:var(--muted,#544f6b)}
.plog-help a:where(:scope,:not(:scope)){color:var(--purple,#4d4286);text-underline-offset:4px;overflow-wrap:anywhere}
.plog-ts:where(:scope,:not(:scope)){margin-top:12px}
.plog-ts:empty:where(:scope,:not(:scope)){margin:0}
.plog label.plog-remember:where(:scope,:not(:scope)){display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0 0;font-weight:400;font-size:15px;color:var(--ink,#17132b);cursor:pointer}
.plog-remember input[type=checkbox]:where(:scope,:not(:scope)){flex:none;width:24px;height:24px;margin:0;accent-color:var(--purple,#4d4286)}
}
.site-head,.foot-stack,.site-foot,a.skip{min-width:0;min-height:0}