.signup-page-section{
  padding-block:clamp(60px,8vw,104px);
  border-top:1px solid var(--hair,rgba(12,46,42,.17));
  background:var(--paper,#eaeae2);
}

.catalogue-state{
  min-height:51px;
  display:inline-grid;
  align-content:center;
  justify-items:start;
  gap:1px;
  padding:.68em 1.08em;
  border:2px solid var(--ink,#0c2e2a);
  border-radius:3px;
  background:var(--signal,#ffd23f);
  color:var(--ink,#0c2e2a);
  box-shadow:4px 4px 0 var(--ink,#0c2e2a);
  font:inherit;
  text-align:left;
  text-decoration:none;
  opacity:1;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  user-select:none;
  transition:transform .12s ease,background .15s ease,box-shadow .15s ease;
}

.catalogue-state:hover{background:var(--signal-2,#f0b400);transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink,#0c2e2a)}
.catalogue-state:active{transform:translateY(0);box-shadow:3px 3px 0 var(--ink,#0c2e2a)}

.catalogue-state-title{
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:.8rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.035em;
}

.catalogue-state-note{
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:.62rem;
  font-weight:600;
  line-height:1.15;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.catalogue-state--compact{min-height:38px;padding:.42em .8em}
.catalogue-state--compact .catalogue-state-title{font-size:.72rem}
.catalogue-state--compact .catalogue-state-note{font-size:.56rem}

.signup-module{
  display:block;
  width:100%;
  max-width:880px;
  border:1.5px solid var(--ink,#0c2e2a);
  border-radius:6px;
  background:var(--panel,#f6f6ef);
  color:var(--ink,#0c2e2a);
  box-shadow:10px 10px 0 rgba(12,46,42,.12);
  overflow:hidden;
  scroll-margin-top:86px;
  container-type:inline-size;
}

.signup-module button,.signup-module input{font:inherit}

.signup-terminal{
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-bottom:1px solid var(--hair-2,rgba(12,46,42,.34));
  background:var(--ink,#0c2e2a);
  color:var(--paper,#eaeae2);
}

.signup-terminal span{width:8px;height:8px;border-radius:50%;background:var(--signal,#ffd23f)}
.signup-terminal span:nth-child(2){background:#d97757}
.signup-terminal span:nth-child(3){background:var(--online,#1b9b61)}
.signup-module-body{padding:clamp(24px,4vw,40px)}
.signup-kicker{margin:0 0 10px!important;font-family:var(--mono,'JetBrains Mono',monospace);font-size:.78rem!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2,var(--ink-soft,#4a5b55))}
.signup-module h2{max-width:none!important;margin:0!important;font-family:var(--display,'Archivo',sans-serif)!important;font-size:clamp(2rem,4.2vw,3.5rem)!important;line-height:.98!important;letter-spacing:-.035em!important;color:var(--ink,#0c2e2a)}
.signup-intro{max-width:48ch!important;margin:16px 0 24px!important;color:var(--ink-2,var(--ink-soft,#4a5b55))!important}
.signup-fields{display:grid;grid-template-columns:1fr;gap:15px}
.signup-field{display:grid;gap:7px}
.signup-field label{font-family:var(--mono,'JetBrains Mono',monospace);font-size:.78rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:var(--ink,#0c2e2a)}
.signup-field label span{font-weight:500;color:var(--ink-2,var(--ink-soft,#4a5b55));letter-spacing:.02em;text-transform:none}
.signup-field input{width:100%;min-height:48px;border:1.5px solid var(--hair-2,rgba(12,46,42,.34));border-radius:3px;background:#fffef7;color:var(--ink,#0c2e2a);padding:.78em .85em;outline:none}
.signup-field input:focus{border-color:var(--ink,#0c2e2a);box-shadow:0 0 0 3px rgba(255,210,63,.55)}
.signup-field input::placeholder{color:#82908b}
.signup-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}
.signup-submit{appearance:none;width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.55em;margin-top:19px;padding:.78em 1.08em;border:1.5px solid var(--ink,#0c2e2a);border-radius:3px;background:var(--signal,#ffd23f);color:var(--ink,#0c2e2a);box-shadow:3px 3px 0 var(--ink,#0c2e2a);font-family:var(--mono,'JetBrains Mono',monospace);font-size:.875rem;font-weight:700;letter-spacing:.035em;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}
.signup-submit:hover{transform:translateY(-2px);background:var(--signal-2,#f0b400);box-shadow:5px 5px 0 var(--ink,#0c2e2a)}
.signup-submit:active{transform:translateY(0)}
.signup-submit[disabled]{opacity:.62;cursor:wait;transform:none;box-shadow:2px 2px 0 var(--ink,#0c2e2a)}
.signup-status{min-height:1.45em;max-width:none!important;margin:13px 0 0!important;color:var(--ink,#0c2e2a)!important;font-family:var(--mono,'JetBrains Mono',monospace);font-size:.78rem!important;font-weight:700}
.signup-status[data-state="success"]{color:#11653e!important}
.signup-status[data-state="error"]{color:#a13b25!important}
.signup-status[data-state="success"][data-dialog-shown="true"]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.signup-dialog{width:min(520px,calc(100% - 32px));max-width:520px;padding:0;border:2px solid var(--ink,#0c2e2a);border-radius:6px;background:var(--panel,#f6f6ef);color:var(--ink,#0c2e2a);box-shadow:10px 10px 0 var(--ink,#0c2e2a)}
.signup-dialog::backdrop{background:rgba(12,46,42,.68);backdrop-filter:blur(4px)}
.signup-dialog-card{position:relative;padding:clamp(28px,6vw,46px);text-align:center}
.signup-dialog-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;background:transparent;color:var(--ink,#0c2e2a);font-size:1.8rem;line-height:1;cursor:pointer}
.signup-dialog-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 20px;border:2px solid var(--ink,#0c2e2a);border-radius:50%;background:var(--signal,#ffd23f);font-family:var(--mono,'JetBrains Mono',monospace);font-size:1.7rem;font-weight:900}
.signup-dialog-kicker{margin:0 0 10px!important;font-family:var(--mono,'JetBrains Mono',monospace);font-size:.75rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2,var(--ink-soft,#4a5b55))!important}
.signup-dialog h3{margin:0!important;font-family:var(--display,'Archivo',sans-serif)!important;font-size:clamp(2.3rem,7vw,4rem)!important;line-height:.96!important;letter-spacing:-.04em!important;color:var(--ink,#0c2e2a)}
.signup-dialog-card>p:last-of-type{max-width:34ch;margin:18px auto 26px!important;color:var(--ink-2,var(--ink-soft,#4a5b55))!important;font-size:1rem!important}
.signup-dialog-done{min-width:150px;min-height:46px;padding:.72em 1em;border:1.5px solid var(--ink,#0c2e2a);border-radius:3px;background:var(--signal,#ffd23f);color:var(--ink,#0c2e2a);box-shadow:3px 3px 0 var(--ink,#0c2e2a);font-family:var(--mono,'JetBrains Mono',monospace);font-size:.875rem;font-weight:700;cursor:pointer}

@container (min-width:620px){
  .signup-fields{grid-template-columns:.72fr 1.28fr}
}

@media(max-width:900px){
  .signup-module{max-width:620px}
}

@media(max-width:430px){
  .signup-module-body{padding:22px}
}

@media(prefers-reduced-motion:reduce){
  .signup-submit{transition:none}
}