*{box-sizing:border-box}:root{--black:#000;--white:#fff;--muted:#8a8a8a;--green:#55ff32}
html,body{min-height:100%}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
.page{min-height:100svh;display:grid;place-items:center;padding:24px}
.signup-wrap{width:min(420px,92vw);display:flex;flex-direction:column;align-items:center}
.brand-mark{display:block;width:min(210px,42vw);height:auto;margin-bottom:28px}
.signup-form{width:min(390px,100%);display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:9px}
.signup-form input,.signup-form button{height:44px;border-radius:0;font-size:13px}
.signup-form input{width:100%;padding:0 14px;border:1px solid rgba(255,255,255,.82);background:#000;color:#fff;outline:none}
.signup-form input::placeholder{color:var(--muted)}
.signup-form input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}
.signup-form button{border:0;background:var(--green);color:#000;font-size:13px;font-weight:900;letter-spacing:.05em;cursor:pointer;transition:filter .12s ease,transform .12s ease}
.signup-form button:hover{filter:brightness(1.08)}
.signup-form button:active{transform:translateY(1px)}
.status{min-height:1.2em;margin:10px 0 0;font-size:12px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.brand-mark{width:min(185px,52vw);margin-bottom:24px}.signup-wrap{width:min(340px,92vw)}.signup-form{width:100%;grid-template-columns:minmax(0,1fr) 100px;gap:8px}.signup-form input,.signup-form button{height:42px;font-size:12.5px}.signup-form input{padding:0 12px}}