/* Signup popup and fallback form. Palette matches the site (dark, indigo accent). */
.sub-form label{display:block;margin:0 0 .4rem;font-size:.9rem;color:#b9b9b9}
.sub-form input[type=email]{width:100%;box-sizing:border-box;background:#141414;border:1px solid #2a2a2a;color:#f0f0f0;padding:.75rem 1rem;border-radius:8px;font:inherit}
.sub-form input[type=email]:focus{outline:2px solid #818cf8;border-color:transparent}
.sub-form button{margin-top:1rem;background:#818cf8;color:#0a0a0a;border:0;border-radius:8px;padding:.7rem 1.3rem;font:600 1rem 'Space Grotesk',sans-serif;cursor:pointer}
.sub-form button.sub-cancel{background:transparent;color:#b9b9b9;border:1px solid #2a2a2a;margin-left:.5rem}
.sub-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
dialog.sub-dialog{background:#0f0f0f;color:#f0f0f0;border:1px solid #2a2a2a;border-radius:12px;padding:1.6rem;max-width:26rem;width:calc(100% - 2.5rem)}
dialog.sub-dialog::backdrop{background:rgba(0,0,0,.7)}
dialog.sub-dialog h2{margin:0 0 .4rem;font:600 1.4rem 'Space Grotesk',sans-serif}
dialog.sub-dialog p{margin:.3rem 0 1rem;color:#b9b9b9;font-size:.95rem}
.sub-status{min-height:1.4em;margin:.8rem 0 0;font-size:.9rem;color:#b9b9b9}
.sub-status.err{color:#f87171}