.signup-page { padding-bottom:0; } .signup-header { border-bottom:1px solid var(--border-dec); background:var(--bg-recessed); } .signup-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:88px; } .signup-bar img { width:178px; } .signup-main { padding-top:24px; padding-bottom:32px; } .signup-crumbs { display:flex; align-items:center; gap:12px; margin-bottom:24px; } .signup-crumbs a { display:inline-flex; align-items:center; min-height:44px; } .signup-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,470px); align-items:start; gap:32px; padding:0; } .signup-intro { padding:24px; background:var(--disclosure); border-radius:var(--r-panel); } .signup-intro h1 { font-size:clamp(2rem,4vw,3.5rem); margin-bottom:16px; } .signup-intro p { margin:0; color:var(--text-2); } .signup-panel { min-width:0; } #signup-availability { font-size:.9375rem; } #signup-form { display:flex; flex-direction:column; gap:10px; } #signup-form > label { font-weight:600; } #signup-form > input { width:100%; min-width:0; min-height:48px; margin-bottom:8px; padding:10px 12px; border:1px solid var(--border-ctl); border-radius:var(--r-ctl); background:var(--bg-recessed); color:var(--text); font:inherit; } #signup-form .signup-check { display:flex; align-items:center; min-height:44px; gap:8px; font-weight:400; cursor:pointer; } .signup-check input { flex:none; width:44px; height:44px; margin:0; accent-color:var(--action); cursor:pointer; } .signup-check span { font-size:.9375rem; } #signup-form .signup-trap { display:none; } #signup-form .btn { width:100%; margin-top:8px; min-height:48px; } #signup-form .btn:disabled { opacity:.65; cursor:wait; } #signup-status { margin:0; overflow-wrap:anywhere; } #signup-status:empty { display:none; } #signup-status.is-error { padding:12px; border:1px solid var(--border-ctl); border-radius:var(--r-ctl); } .signup-help { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; } .signup-help h2 { margin:0 0 12px; font-size:1.375rem; } .signup-help p:last-child { margin:0; } .signup-footer { text-align:center; } .signup-footer p { max-width:none; } .signup-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; } .signup-footer a { display:inline-flex; align-items:center; min-height:44px; } @media (max-width:768px) { .signup-bar { min-height:80px; } .signup-bar img { width:124px; } .signup-bar .btn { padding:10px 16px; font-size:.875rem; } .signup-hero,.signup-help { grid-template-columns:minmax(0,1fr); gap:20px; } .signup-panel,.signup-intro,.signup-help .pad { padding:20px; } }