.signup-page {
        display: grid;
        min-height: calc(100vh - 68px);
        grid-template-columns: minmax(0, 0.9fr) minmax(320px, 460px);
        gap: clamp(28px, 6vw, 86px);
        align-items: center;
        padding: clamp(42px, 7vw, 88px) clamp(20px, 5vw, 72px);
      }

      .signup-copy {
        max-width: 620px;
      }

      .signup-copy h1 {
        font-size: clamp(2.4rem, 5vw, 4.6rem);
      }

      .signup-card {
        width: 100%;
        padding: 28px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--panel);
        box-shadow: var(--shadow);
      }

      .signup-card h2 {
        margin: 0 0 8px;
        font-size: 1.45rem;
        letter-spacing: 0;
      }

      .signup-card p {
        margin: 0 0 24px;
        color: var(--muted);
      }

      .form-field {
        display: grid;
        gap: 7px;
        margin-bottom: 16px;
      }

      .form-field label {
        font-weight: 700;
      }

      .form-field input {
        width: 100%;
        min-height: 48px;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 0 14px;
        color: var(--ink);
        background: #fbfdfc;
        font: inherit;
        outline: none;
      }

      .form-field input:focus {
        border-color: var(--brand);
        box-shadow: 0 0 0 3px rgba(13, 124, 102, 0.14);
      }

      .form-error {
        margin: 0 0 16px;
        padding: 12px 14px;
        border: 1px solid #d65b5b;
        border-radius: 8px;
        color: #8b1f1f;
        background: #fff1f1;
        font-weight: 700;
      }

      .signup-card .button {
        width: 100%;
      }

      .signup-footer {
        margin-top: 20px;
        color: var(--muted);
        text-align: center;
        font-size: 0.95rem;
      }

      .text-link {
        color: var(--brand-dark);
        font-weight: 700;
      }

      @media (max-width: 860px) {
        .signup-page {
          min-height: auto;
          grid-template-columns: 1fr;
        }

        .signup-copy {
          max-width: none;
        }
      }

      @media (max-width: 520px) {
        .signup-card {
          padding: 22px;
        }
      }