.ngps-form {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--ngps-line);
    border-radius: var(--ngps-radius-card);
    background: var(--ngps-card);
    box-shadow: var(--ngps-shadow);
}

.ngps-step {
    padding:
            clamp(
                    22px,
                    4vw,
                    42px
            );
    animation: ngpsFade 180ms ease;
}

.ngps-step[hidden] {
    display: none !important;
}

.ngps-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 28px;
}

.ngps-section-heading > span {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: var(--ngps-pink-soft);
    color: var(--ngps-pink-dark);
    font-size: 12px;
    font-weight: 900;
}

.ngps-section-heading > div {
    min-width: 0;
}

.ngps-section-heading h2,
.ngps-inline-heading h3,
.ngps-subsection h3,
.ngps-legal-card h3 {
    margin: 0;
    color: var(--ngps-ink);
}

.ngps-section-heading h2 {
    font-size:
            clamp(
                    21px,
                    2.3vw,
                    29px
            );
    line-height: 1.25;
    letter-spacing: -0.025em;
}

.ngps-section-heading p,
.ngps-inline-heading p {
    margin: 5px 0 0;
    color: var(--ngps-muted);
    font-size: 12.5px;
    line-height: 1.6;
}

.ngps-grid {
    display: grid;
    gap: 16px;
}

.ngps-grid--2 {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
}

.ngps-grid--3 {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}

.ngps-grid--4 {
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}

.ngps-field--wide {
    grid-column: span 2;
}

.ngps-additional-categories,
.ngps-conditional-card,
.ngps-subsection,
.ngps-legal-card,
.ngps-signature-card,
.ngps-review-note {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid var(--ngps-line);
    border-radius: 19px;
    background: var(--ngps-surface);
}

.ngps-inline-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 15px;
}

.ngps-inline-heading > div {
    min-width: 0;
}

.ngps-inline-heading h3,
.ngps-subsection h3,
.ngps-legal-card h3 {
    font-size: 14px;
    font-weight: 900;
}

.ngps-subsection + .ngps-subsection {
    margin-top: 16px;
}

.ngps-subsection h3 {
    margin-bottom: 14px;
}

.ngps-subsection > p {
    margin:
            -5px
            0
            16px;
    color: var(--ngps-muted);
    font-size: 12px;
    line-height: 1.65;
}

.ngps-review-note {
    border-color:
            rgba(236, 72, 153, 0.18);
    background: var(--ngps-pink-soft);
}

.ngps-review-note strong {
    color: var(--ngps-pink-dark);
    font-size: 13px;
}

.ngps-review-note p {
    margin: 6px 0 0;
    color: #6b2149;
    font-size: 11.5px;
    line-height: 1.65;
}