.vj-membership { padding-block: clamp(4rem, 8vw, 7rem); }
.vj-membership__header { max-inline-size: 46rem; margin-inline: auto; text-align: center; }
.vj-membership__header h1 { margin-block: 0 1rem; }
.vj-membership__header > p:last-child { color: var(--vj-color-text-secondary); font-size: var(--wp--preset--font-size--large); }
.vj-membership__benefits { margin-block: 3rem; padding: 2rem; background: var(--vj-color-surface-muted); border: 1px solid var(--vj-color-border-default); border-radius: var(--vj-radius-lg); }
.vj-membership__benefits ul { margin: 1rem 0 0; padding-inline-start: 1.25rem; }
.vj-form-notice { margin-block: 2rem; padding: 1rem 1.25rem; border: 1px solid var(--vj-color-border-default); border-radius: var(--vj-radius-md); }
.vj-form-notice.is-success { background: var(--vj-color-success-surface); }
.vj-form-notice.is-error { background: var(--vj-color-error-surface); }
.vj-membership-form { display: grid; gap: 1rem; max-inline-size: 34rem; margin-inline: auto; }
.vj-form-field { display: grid; gap: .5rem; }
.vj-form-field label { font-weight: 600; }
.vj-form-field input[type="email"] { inline-size: 100%; min-block-size: 3rem; padding-inline: 1rem; border: 1px solid var(--vj-color-border-default); border-radius: var(--vj-radius-md); background: var(--vj-color-surface); color: var(--vj-color-text-primary); }
.vj-checkbox { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; font-size: .95rem; }
.vj-hp { position: absolute; inset-inline-start: -9999px; }

@media (max-width: 720px) {
  .vj-membership { padding-block: 3.5rem; }
  .vj-membership__header > p:last-child { font-size: 1rem; line-height: 1.85; }
  .vj-membership__benefits { margin-block: 2rem; padding: 1.25rem; }
  .vj-membership-form { max-inline-size: none; }
  .vj-checkbox { font-size: .92rem; }
}