/* Homepage-only dialog; reuse the approved StreetLight tokens and button recipe. */
.signup-dialog { width:min(500px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:30px; background:#0c1115; border:1px solid rgba(215,139,44,.42); color:var(--ivory); }
.signup-dialog::backdrop { background:rgba(0,0,0,.76); }
body.signup-open { overflow:hidden; }
.signup-dialog .signup-close { position:absolute; top:10px; right:10px; width:44px; height:44px; padding:0; border:0; color:var(--ivory-muted); background:none; font:28px/1 var(--body); }
.signup-dialog .signup-close:hover { color:var(--ivory); }
.signup-dialog .signup-header { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.signup-dialog .signup-mark { flex:0 0 96px; width:96px; height:96px; object-fit:contain; }
.signup-dialog .signup-heading { min-width:0; }
.signup-dialog h2 { font-size:2.3rem; }
.signup-dialog #signup-description { margin:10px 0 0; font-size:1rem; line-height:1.5; }
.signup-dialog label { display:block; margin-bottom:16px; color:var(--ivory); font-size:.85rem; }
.signup-dialog .signup-optional { color:var(--ivory-muted); font-size:.78rem; }
.signup-dialog input,.signup-dialog textarea { display:block; width:100%; margin-top:6px; min-width:0; border:1px solid var(--line); border-radius:0; padding:10px 12px; color:var(--ivory); background:var(--navy-900); font:16px/1.45 var(--body); }
.signup-dialog textarea { resize:vertical; min-height:88px; max-height:200px; }
.signup-dialog .signup-names { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.signup-dialog .signup-status { margin:0 0 14px; font-size:.82rem; line-height:1.5; min-height:0; }
.signup-dialog .signup-status:empty { display:none; }
.signup-dialog .signup-submit { width:100%; }
.signup-dialog button:disabled { cursor:default; opacity:.55; }
.signup-dialog #signup-verification:not(:empty) { margin-bottom:14px; }
.signup-dialog #signup-success p { margin:22px 0 12px; font-size:1.08rem; line-height:1.6; color:var(--ivory); }
.signup-dialog [hidden] { display:none!important; }
@media(max-width:480px) {
  .signup-dialog { padding:24px; }
  .signup-dialog .signup-names { grid-template-columns:1fr; gap:0; }
  .signup-dialog h2 { font-size:2rem; }
  .signup-dialog .signup-mark { flex-basis:80px; width:80px; height:80px; }
}