/* assets/chq-signup.css - CHQ-SIGNUP-ONE-V1 (s158, drawing T): the parts of the one sign-up page (signup.php) that the shared sign-in look
(assets/chq-auth.css, CHQ-AUTH-LOOK-V1) does not have - the sliding steps, the church search, the plan cards. Colours come from that sheet's
tokens; nothing is under 14px; no gold here (gold is only the accent word in the navy panel). */
.su-wrap{max-width:460px;}
.su-body .login-left{position:sticky;top:0;height:100vh;}
.login-right{align-items:flex-start;padding-top:3.5rem;}
.su-step{animation:su-in .35s cubic-bezier(.2,.7,.2,1) both;}
.su-step.back{animation-name:su-in-back;}
@keyframes su-in{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:none;}}
@keyframes su-in-back{from{opacity:0;transform:translateX(-28px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.su-step{animation:none;}}
.su-prog{display:none;align-items:center;gap:6px;margin-bottom:1.25rem;}
.su-prog span{flex:1;height:5px;border-radius:3px;background:var(--gray-300);transition:background .3s;}
.su-prog span.on{background:var(--blue);}
.su-prog b{font-size:0.875rem;font-weight:600;color:var(--gray-500);margin-left:6px;white-space:nowrap;}
.su-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin-bottom:1rem;color:var(--gray-500);font:500 0.95rem 'DM Sans',sans-serif;cursor:pointer;}
.su-back:hover{color:var(--navy);}
.su-search{position:relative;}
.su-search .su-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;}
.su-search .form-input{padding-left:42px;font-size:1.05rem;}
.su-results{list-style:none;margin:0.5rem 0 0;border:1px solid var(--gray-300);border-radius:12px;overflow:hidden;background:var(--white);}
.su-results:empty{display:none;}
.su-results li{padding:0.75rem 1rem;border-top:1px solid #EEF1F7;cursor:pointer;font-size:1rem;color:var(--ink);transition:background .15s;}
.su-results li:first-child{border-top:0;}
.su-results li small{display:block;font-size:0.875rem;color:var(--gray-500);margin-top:2px;}
.su-results li:hover,.su-results li[aria-selected="true"]{background:var(--navy-pale);}
.su-hint{font-size:0.9rem;color:var(--gray-500);margin:0.6rem 0 0;min-height:1.2em;}
.su-link{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;margin:0.9rem 0 1.25rem;color:var(--blue);font:600 0.95rem 'DM Sans',sans-serif;cursor:pointer;text-align:left;}
.su-link:hover{text-decoration:underline;}
.su-link.sm{margin:0;font-size:0.9rem;}
.su-picked{border:1.5px solid var(--blue);border-radius:14px;padding:1rem;margin:0 0 1.25rem;background:var(--navy-pale);box-shadow:0 0 0 4px rgba(77,116,173,.12);animation:su-in .3s both;}
.su-picked-top{display:flex;gap:0.75rem;align-items:flex-start;}
.su-picked-top svg{color:var(--navy);flex-shrink:0;margin-top:2px;}
.su-picked-top div{flex:1;min-width:0;}
.su-picked b{display:block;font-size:1.02rem;color:var(--ink);}
.su-picked-top span{display:block;font-size:0.9rem;color:var(--gray-500);}
.su-tag{display:inline-block;margin-top:0.6rem;font-size:0.875rem;font-weight:600;color:var(--navy);background:var(--white);border:1px solid var(--gray-300);border-radius:999px;padding:2px 10px;}
.su-tag.hand{margin:0 0 0.9rem;}
.su-manual{animation:su-in .3s both;margin-bottom:0.5rem;}
.su-row2{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.su-row3{display:grid;grid-template-columns:1.6fr 0.9fr 1fr;gap:0.75rem;}
.su-more{animation:su-in .3s both;}
select.form-input{appearance:auto;}
.su-pass{position:relative;}
.su-pass .form-input{padding-right:46px;}
.su-pass button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;padding:8px;color:var(--gray-500);cursor:pointer;}
.su-help{display:block;font-size:0.875rem;color:var(--gray-500);margin-top:0.35rem;line-height:1.5;}
.su-ck{display:flex;gap:0.65rem;align-items:flex-start;font-size:0.95rem;color:var(--ink);margin:0 0 0.8rem;cursor:pointer;line-height:1.45;}
.su-ck input{width:20px;height:20px;margin-top:1px;accent-color:var(--blue);flex-shrink:0;}
.su-ck a{color:var(--blue);font-weight:600;}
.su-captcha{margin:1rem 0;min-height:10px;}
.su-code{animation:su-in .3s both;}
.su-code-t{font-size:1rem;color:var(--ink);margin:0 0 0.9rem;line-height:1.5;}
.su-code .code-input{margin-bottom:1rem;}
.su-code-act{display:flex;gap:0.5rem;}
.su-okline{display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;font-weight:600;color:var(--green,#15803D);margin-bottom:0.9rem;}
.su-seg{display:inline-flex;background:var(--cream);border:1px solid var(--gray-300);border-radius:999px;padding:4px;margin:0.25rem 0 1rem;}
.su-seg button{border:0;background:none;border-radius:999px;padding:0.45rem 1rem;font:600 0.95rem 'DM Sans',sans-serif;color:var(--gray-500);cursor:pointer;}
.su-seg button.on{background:var(--white);color:var(--navy);box-shadow:0 1px 4px rgba(11,42,87,.15);}
.su-seg span{color:var(--blue);}
.su-plans{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:0.9rem;}
.su-plan{text-align:left;border:1.5px solid var(--gray-300);border-radius:14px;padding:0.9rem;background:var(--white);cursor:pointer;font-family:'DM Sans',sans-serif;color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .2s;}
.su-plan:hover{border-color:var(--blue-light);transform:translateY(-1px);}
.su-plan[aria-checked="true"]{border-color:var(--blue);box-shadow:0 0 0 4px rgba(77,116,173,.14);}
.su-plan b{display:block;font-size:1.02rem;}
.su-plan .su-price{display:block;font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--navy);margin:2px 0;}
.su-plan .su-price small{font-family:'DM Sans',sans-serif;font-size:0.875rem;font-weight:500;color:var(--gray-500);}
.su-plan .su-pd{display:block;font-size:0.875rem;color:var(--gray-500);line-height:1.45;}
.su-plan.trial{grid-column:1 / -1;}
.su-making{text-align:center;padding:3rem 0;}
.su-spin{display:inline-block;width:42px;height:42px;border-radius:50%;border:4px solid var(--navy-pale);border-top-color:var(--blue);animation:su-spin .9s linear infinite;margin-bottom:1.25rem;}
@keyframes su-spin{to{transform:rotate(360deg);}}
.btn-login .su-spin{width:18px;height:18px;border-width:3px;margin:0 8px -3px 0;}
.field-bad{border-color:var(--red,#DC2626) !important;box-shadow:0 0 0 3px rgba(220,38,38,.12) !important;}
@media(max-width:768px){.su-prog{display:flex;}.login-right{padding-top:1.5rem;}}
@media(max-width:420px){.su-plans{grid-template-columns:1fr;}.su-row3{grid-template-columns:1fr 1fr;}.su-row3 .form-group:first-child{grid-column:1 / -1;}}
/* CHQ-SIGNUP-EIN-V1 (s158): the EIN look-up under the search, and What you'll need */
.su-ein{margin:1rem 0 0;padding:0.9rem 0 0;border-top:1px solid var(--gray-200,#e5e7eb);}
.su-ein-l{display:block;font:600 0.95rem 'DM Sans',sans-serif;margin:0 0 0.4rem;}
#su-ein-q{max-width:220px;}
.su-need{background:#f7f5fb;border:1px solid #e6e1f2;border-radius:12px;padding:0.8rem 1rem;margin:0 0 1rem;}
.su-need summary{font:600 0.95rem 'DM Sans',sans-serif;cursor:pointer;color:#1c1040;}
.su-need ul{margin:0.6rem 0 0;padding-left:1.2rem;font-size:0.95rem;line-height:1.5;color:#4a4360;}
.su-need li{margin:0 0 0.35rem;}
.su-link-add{display:flex;flex-wrap:wrap;gap:4px;align-items:center;text-align:left;}
.su-link-add u{text-underline-offset:3px;}