.ttb-signup, .ttb-signup h1, .ttb-signup h2, .ttb-signup p, .ttb-signup li, .ttb-signup blockquote,
  .ttb-signup label, .ttb-signup input, .ttb-signup a, .ttb-signup .btn { font-family: 'Encode Sans', Arial, sans-serif; }
  .ttb-signup .ttb-form-card {
    max-width: 520px;
    margin: 0 auto;
    background: #3a10a0;
    border: 2px solid #3a10a0;
    color: #ffffff;
    border-radius: 15px;
    padding: 34px 32px;
    box-shadow: 0 2px 14px rgba(24, 5, 70, 0.07);
  }
  .ttb-signup .ttb-form-card .finalReport { margin-bottom: 12px; }
  .ttb-signup .ttb-form-card .centre-50 { width: 100%; max-width: none; margin: 0; padding: 0; }
  .ttb-signup .ttb-form-card form.login { display: block; margin: 0; }
  .ttb-signup .ttb-form-card label { display: block; margin: 14px 0 4px; font-weight: 600; }
  .ttb-signup .ttb-form-card .text-field,
  .ttb-signup .ttb-form-card .w-input { width: 100%; box-sizing: border-box; }
  .ttb-signup .ttb-form-card .checkbox-field { width: auto; margin: 20px 8px 0 0; }
  .ttb-signup .ttb-form-card .button { width: 100%; margin-top: 20px; }
  .ttb-signup .ttb-form-card a { color: #ffffff; }
  .ttb-signup .ttb-form-card h2, .ttb-signup .ttb-form-card label, .ttb-signup .ttb-form-card p,
  .ttb-signup .ttb-form-card .finalReport { color: #ffffff; }
  .ttb-signup .ttb-form-card #email_error_message, .ttb-signup .ttb-form-card #check_email_login_meassage { color: #ffd400; }
  .ttb-signup .ttb-signup-benefits h2, .ttb-signup .ttb-signup-benefits li, .ttb-signup .ttb-signup-benefits p, .ttb-signup .ttb-signup-benefits blockquote { color: #180546; }
  .ttb-signup .ttb-signup-intro { max-width: 740px; margin: auto; text-align: center; }
  .ttb-signup .ttb-signup-intro p { font-size: 18px; line-height: 1.6; }
  .ttb-signup .ttb-signup-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 48px; align-items: stretch; }
  .ttb-signup .ttb-signup-benefits { max-width: 460px; line-height: 1.7; background: #ffd400; border: 2px solid #ffd400; color: #180546; border-radius: 15px; padding: 34px 32px; box-shadow: 0 2px 14px rgba(24, 5, 70, 0.07); }
  .ttb-signup .ttb-signup-benefits h2 { font-size: 28px; line-height: 1.3; }
  .ttb-signup .ttb-signup-benefits li { margin-bottom: 14px; }
  .ttb-signup .ttb-signup-benefits li, .ttb-signup .ttb-signup-benefits p { font-size: 20px; }
  .ttb-signup .ttb-signup-benefits h2 { margin-top: 0; }
  .ttb-signup .ttb-signup-benefits .ttb-signup-steps { margin-bottom: 46px; }
  .ttb-signup .ttb-signup-benefits .ttb-signup-ready { margin-bottom: 46px; }
  .ttb-signup .ttb-signup-benefits blockquote { margin: 0 0 12px; padding: 0; border: 0; font-size: 20px; line-height: 1.6; font-style: italic; }
  .ttb-signup .ttb-signup-layout .ttb-form-card { width: 100%; box-sizing: border-box; }
  .ttb-signup .ttb-form-card h2 { margin-top: 0; font-size: 26px; }
  .ttb-signup .ttb-form-card .ttb-field-help { margin: 5px 0 12px; font-size: 14px; line-height: 1.5; color: #e4dcfb; }
  .ttb-signup .ttb-form-card .ttb-terms { display: flex; gap: 10px; align-items: flex-start; margin-top: 24px; }
  .ttb-signup .ttb-form-card .ttb-terms input { flex: 0 0 auto; margin: 5px 0 0; }
  .ttb-signup .ttb-form-card .ttb-terms label { margin: 0; font-weight: 400; }
  .ttb-signup .ttb-form-card input:focus-visible, .ttb-signup .ttb-form-card a:focus-visible { outline: 3px solid #ffd400; outline-offset: 3px; }
  .ttb-signup .hero { padding: 28px 0 24px; }
  .ttb-signup .hero h1 { font-size: 34px; margin-bottom: 8px; }
  .ttb-signup .hero .sub { margin-bottom: 10px; }
  .ttb-signup .hero .trust-line { margin: 0; }
  .ttb-signup .hero + .section { padding-top: 32px; }
  .ttb-signup .ttb-signup-side::after { content: "on the right \2192"; color: #4c17ca; font-weight: 600; }
  .ttb-signup .ttb-signup-steps, .ttb-signup .ttb-signup-ready { margin: 0 0 20px; padding-left: 22px; }
  .ttb-signup .ttb-signup-steps li, .ttb-signup .ttb-signup-ready li { margin-bottom: 10px; }
  @media (max-width: 767px) {
    .ttb-signup .ttb-signup-side::after { content: "below \2193"; }
    .ttb-signup .ttb-signup-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .ttb-signup .ttb-signup-benefits { max-width: none; padding: 26px 20px; }
    .ttb-signup .ttb-form-card { padding: 26px 20px; }
  }

.ttb-signup .ttb-form-card .w-input { min-height: 46px; border: 1px solid var(--card-border); border-radius: 6px; background: white; color: var(--text); padding: 10px 12px; font: inherit; }
.ttb-signup .ttb-form-card .btn { width: 100%; margin-top: 20px; background: #ef8303; color: #ffffff; border-color: #ef8303; }
.ttb-signup .ttb-form-card .btn:hover { background: #d67400; border-color: #d67400; }
.ttb-signup .ttb-signup-benefits a { color: #4c17ca; text-decoration: underline; }
.ttb-signup .ttb-form-card a { text-decoration: underline; }

.ttb-signup #submit_form_register[hidden] { display: none !important; }
.ttb-signup .ttb-form-card .ttb-terms input[type=checkbox] { width: 18px; height: 18px; padding: 0; float: none; accent-color: #ffd400; }
.ttb-signup .ttb-form-card .ttb-terms label { flex: 1; line-height: 1.6; cursor: pointer; }