/* Sign-up page: builds on ../hub/hub.css. No inline CSS (CSP). */
body.su { background: linear-gradient(180deg, #e9f2f1 0%, var(--canvas) 280px); }
.su-main { max-width: 960px; }
.su-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start; }
.su h1 { margin: 0 0 4px; font-size: 26px; color: var(--ink); }
.btn.big { padding: 13px 20px; font-size: 16px; margin-top: 8px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.error { background: #fee2e2; color: #991b1b; border-radius: 10px; padding: 9px 12px; font-size: 14px; margin: 4px 0; }
.ticks { list-style: none; padding: 0; margin: 0 0 12px; } .ticks li { margin: 10px 0; display: flex; gap: 10px; }
.ticks i { color: var(--green); margin-top: 5px; }
.centre { text-align: center; max-width: 520px; margin: 40px auto; padding: 32px; }
.centre .form { text-align: left; margin-top: 16px; }
.big-icon { font-size: 44px; color: var(--brand); margin-bottom: 10px; display: block; }
.side { background: #fbfdfd; }
@media (max-width: 800px) { .su-grid { grid-template-columns: 1fr; } .side { order: 2; } }