.section {
    padding-block: var(--section-space);
}
.section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}
.section-heading > p {
    color: var(--ink-soft);
}

.benefit-card {
    border-radius: var(--radius-lg);
}
.form-card {
    border-radius: var(--radius);
}
.notice {
    border-radius: var(--radius-sm);
}
.input {
    width: 100%;
    min-height: var(--control-height);
    padding: 12px 14px;
    border-radius: var(--radius-control);
    transition:
        border-color var(--transition-ui),
        box-shadow var(--transition-ui),
        background var(--transition-ui);
}
.input {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink);
}
.input:hover {
    border-color: rgba(86, 56, 212, 0.36);
}
textarea.input {
    min-height: 130px;
    resize: vertical;
}
.field {
    gap: var(--space-1);
}
.field label {
    font-size: 14px;
    font-weight: 700;
}
.input::placeholder {
    color: #817986;
    opacity: 1;
}
.input:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(86, 56, 212, 0.11);
    outline: 0;
}
.input[aria-invalid='true'] {
    border-color: var(--danger);
    box-shadow: 0 0 0 4px rgba(155, 51, 51, 0.1);
}
.form-note,
.form-status {
    font-size: 13px;
    line-height: 1.5;
}
.checkbox {
    min-height: 28px;
}
.checkbox input {
    width: 20px;
    height: 20px;
    min-height: 20px;
    accent-color: var(--purple);
}