.signup-bg {
      background-color: #f5f7fa;
    }

    .signup-container {
      height: calc(100vh - 100px);
      overflow: hidden;
    }

    .signup-form {
      padding: 0px 30px;
    }

    .signup-input:focus {
      border: 1px solid #ccd3da;
      background-color: #f2f2f2;
    }

    .signup-input {
      border: 1px solid #ccd3da;
      border-radius: 5px;
      padding: 10px;
      font-size: 14px;
      background-color: #f2f2f2;
    }

    .signup-btn {
      background-color: #003c71;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      font-size: 16px;
    }

    .signup-btn:hover {
      background-color: #002b50;
    }

    .signup-link {
      color: #007aff;
      text-decoration: none;
    }

    .signup-link:hover {
      text-decoration: underline;
    }

    .signup-title {
      font-size: 24px;
      color: #1a1a1a;
      margin-bottom: 20px;
    }

    .signup-message {
      margin-top: 10px;
    }

    .previous-link {
      color: #007aff;
      font-size: 12px;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 5px;
      cursor: pointer;
      text-decoration: none;
    }

    .error-border {
      border: 1px solid #ff0000 !important;
    }

    .error-message {
      color: #ff0000;
      font-size: 12px;
      margin-top: 5px;
      display: none;
    }

    .signup-textarea {
      border: 1px solid #ccd3da;
      border-radius: 5px;
      padding: 10px;
      font-size: 14px;
      background-color: #f2f2f2;
      resize: vertical;
      min-height: 80px;
    }

    .signup-textarea:focus {
      border: 1px solid #ccd3da;
      background-color: #f2f2f2;
    }

    /* Apply to both Step 1 & Step 2 scroll sections */
    .row.scroll-section::-webkit-scrollbar {
      width: 8px;
    }

    .row.scroll-section::-webkit-scrollbar-track {
      background: #E5E5E5;
      /* light ash */
      border-radius: 10px;
    }

    .row.scroll-section::-webkit-scrollbar-thumb {
      background: #BDBDBD;
      /* darker ash */
      border-radius: 10px;
    }

    .row.scroll-section::-webkit-scrollbar-thumb:hover {
      background: #9e9e9e;
      /* slightly darker on hover */
    }

    /* Firefox */
    .row.scroll-section {
      scrollbar-width: thin;
      scrollbar-color: #BDBDBD #E5E5E5;
    }