html body .registration-page{padding:32px 0 48px;background:#fff}
html body .registration-card{max-width:780px;margin:0 auto;padding:32px;border:1px solid #e4e6e9;border-radius:18px;background:#fff;box-shadow:0 8px 30px #15233208}
.registration-card__intro{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #eceef0}
.registration-card__intro h2{font-size:24px;margin:0 0 8px;color:#24272b}.registration-card__intro p{margin:0;color:#626973;font-size:15px;line-height:1.6}
html body .registration-card .registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
html body .registration-card .form-group{margin:0;padding:0;border:0}.registration-wide{grid-column:1 / -1}
html body .registration-card .form-label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:#30353b;line-height:1.4}
html body .registration-card .form-control{display:block;width:100%;height:48px;border:1px solid #dce0e5;border-radius:9px;background:#fafbfc;padding:10px 14px;font-size:16px;box-sizing:border-box;box-shadow:none}
html body .registration-card .form-control:focus{outline:none;border-color:#ed1c24;background:#fff;box-shadow:0 0 0 3px #ed1c2414}
html body .registration-card .form-text{font-size:13px;color:#727985;margin:7px 0 0;line-height:1.5}
html body .registration-card .required{color:#d51220}.registration-actions{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
html body .registration-card input[type=submit],html body .signup-invite .signup-invite__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:9px;background:#ed1c24;color:#fff;padding:13px 24px;font-size:16px;font-weight:700;text-decoration:none;line-height:1.4;cursor:pointer;transition:background .18s,box-shadow .18s}
html body .registration-card input[type=submit]:hover,html body .signup-invite .signup-invite__button:hover{background:#ce1420;box-shadow:0 5px 14px #ed1c2426}
html body .signup-invite .signup-invite__button:focus-visible{outline:3px solid #ed1c24;outline-offset:4px}
.registration-actions p{margin:0;font-size:14px;color:#666}.registration-actions a{color:#b90d17;text-decoration:underline}
html body .signup-invite{margin-top:26px;padding:22px 24px;border:1px solid #f1dadd;border-radius:12px;background:#fff6f7;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:780px}
html body .signup-invite p{margin:0;color:#2c3035;font-size:17px;font-weight:600;line-height:1.5}
.registration-card .errors{background:#fff1f2;border-radius:8px;color:#a10e19;padding:16px 16px 16px 34px;margin-bottom:20px}
@media(max-width:575px){html body .registration-card{padding:22px 18px;border-radius:12px}html body .registration-card .registration-grid{grid-template-columns:1fr;gap:18px}.registration-actions{flex-direction:column;align-items:stretch}.registration-actions p{text-align:center}html body .signup-invite{padding:20px;flex-direction:column;align-items:stretch}.signup-invite p{text-align:center}}

/* Keep the registration call to action on one line. */
html body .signup-invite .signup-invite__button{white-space:nowrap;flex:0 0 auto;width:auto;word-break:normal;overflow-wrap:normal}


html body .signup-invite{box-sizing:border-box;width:100%;max-width:780px;min-width:0;flex-wrap:wrap;gap:14px;padding:20px}
html body .signup-invite p{flex:1 1 230px;min-width:0;white-space:normal;font-size:16px;text-align:left}
html body .signup-invite .signup-invite__button{box-sizing:border-box;max-width:100%;white-space:nowrap;flex:0 0 auto;padding:12px 18px}
@media(max-width:575px){html body .signup-invite{flex-direction:row}html body .signup-invite p{flex:1 1 100%;text-align:left}html body .signup-invite .signup-invite__button{flex:0 1 auto}}

/* Compact single-row registration invitation. */
html body .signup-invite{box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:8px;padding:14px 12px}
html body .signup-invite p{flex:0 1 auto;min-width:0;margin:0;white-space:nowrap;font-size:12px;font-size:clamp(9px,3.2cqi,14px);font-weight:500;line-height:1.4;text-align:left}
html body .signup-invite .signup-invite__button{flex:0 0 auto;box-sizing:border-box;width:auto;max-width:100%;min-height:36px;padding:9px 10px;white-space:nowrap;font-size:12px;font-size:clamp(9px,3.2cqi,14px);line-height:1.4;border-radius:7px}
html body .signup-invite .signup-invite__button span{display:none}
