.newsletter-dialog{position:fixed;inset:0;width:min(520px,calc(100% - 28px));max-width:none;max-height:min(92dvh,760px);margin:auto;padding:clamp(24px,6vw,42px);overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:28px;color:var(--text);background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--bg)),var(--bg));box-shadow:0 32px 120px #000b,0 0 70px color-mix(in srgb,var(--accent) 12%,transparent)}
.newsletter-dialog::backdrop{background:#05030bd9;backdrop-filter:blur(12px)}
.newsletter-close{position:absolute;top:14px;right:15px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-glass);color:var(--text);font-size:22px;cursor:pointer}
.newsletter-orbit{position:relative;width:92px;height:92px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,var(--panel)),var(--bg) 68%);box-shadow:0 0 50px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 0 24px color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.newsletter-orbit::before,.newsletter-orbit::after{content:"";position:absolute;inset:8px -13px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;transform:rotate(-32deg)}
.newsletter-orbit::after{inset:-7px 3px;opacity:.4;transform:rotate(54deg)}
.newsletter-orbit span:first-child{position:absolute;top:12px;right:7px;font-size:15px;animation:newsletter-twinkle 2.3s ease-in-out infinite alternate}
.newsletter-orbit span:nth-child(2){font-size:43px;text-shadow:0 0 18px var(--accent)}
.newsletter-orbit i{position:absolute;width:7px;height:7px;left:7px;bottom:15px;border-radius:50%;background:var(--logo-light,var(--accent));box-shadow:0 0 13px var(--accent)}
.newsletter-dialog>.eyebrow,.newsletter-dialog>h2,.newsletter-dialog>p{text-align:center}
.newsletter-dialog>.eyebrow{margin:0 0 8px;color:var(--accent);font-size:10px;letter-spacing:.2em}
.newsletter-dialog>h2{margin:0;font-size:clamp(31px,7vw,42px);letter-spacing:-.045em}
.newsletter-dialog>#newsletter-copy{max-width:390px;margin:12px auto 24px;color:var(--muted);font-size:13px;line-height:1.8}
.newsletter-dialog form{display:grid;gap:10px}
.newsletter-dialog #newsletter-email-step{display:grid;gap:10px}
.newsletter-dialog form>label:first-child{font-size:12px;font-weight:700}
.newsletter-dialog #newsletter-email-step>label:first-child,.newsletter-dialog #newsletter-code-step>label{font-size:12px;font-weight:700}
.newsletter-dialog [hidden],#auth-form [hidden],.email-change-form [hidden]{display:none!important}
.newsletter-dialog input[type=email],.newsletter-dialog input[name=code]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 65%,var(--panel));color:var(--text);font:inherit}
.newsletter-dialog input[type=email]:focus-visible,.newsletter-dialog input[name=code]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.newsletter-consent{display:flex;gap:10px;align-items:flex-start;margin:5px 0 0;color:var(--text);font-size:11px;line-height:1.6;cursor:pointer}
.newsletter-consent input{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent)}
.newsletter-fine-print{margin:1px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.newsletter-status{min-height:0;margin:0;font-size:12px;line-height:1.6}
.newsletter-status:empty{display:none}
.newsletter-status.is-success{color:#7be3bb}
.newsletter-status.is-error{color:#ff9cab}
.newsletter-code-step{display:grid;gap:10px}
.newsletter-code-hint{margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.65;text-align:center;overflow-wrap:anywhere}
.newsletter-code-hint strong{color:var(--text)}
.newsletter-dialog input[name=code]{min-height:60px;text-align:center;font-size:24px;font-weight:800;letter-spacing:.34em;padding-left:.65em}
.newsletter-change-email{justify-self:center;margin:2px 0 4px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.newsletter-change-email:hover{color:var(--accent)}
.newsletter-submit{width:100%;min-height:49px;margin-top:2px}
.newsletter-skip{display:block;margin:13px auto 0;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.newsletter-skip:hover{color:var(--text)}
@keyframes newsletter-twinkle{from{opacity:.4;transform:scale(.75)}to{opacity:1;transform:scale(1.15)}}
@media(max-width:520px){.newsletter-dialog{padding:30px 22px 24px;border-radius:23px}.newsletter-orbit{width:76px;height:76px;margin-bottom:19px}.newsletter-orbit span:nth-child(2){font-size:35px}}
@media(prefers-reduced-motion:reduce){.newsletter-orbit span:first-child{animation:none}}
