.gds-contact-page {
    padding-block: clamp(40px, 6vw, 90px);
    background: radial-gradient(ellipse at 20% 14%, #30203d, transparent 60%), #0b0a0e;
}
.gds-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    grid-template-areas: "intro form" "channels form";
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 24px clamp(24px, 5vw, 72px);
}
.gds-contact-heading { grid-area: intro; }
.gds-contact-heading h1 { margin: 0 0 16px; color: #fff; }
.gds-contact-heading h1 span { color: #dfbeff; }
.gds-contact-heading p { margin: 0; max-width: 45ch; }
.gds-contact-form-panel {
    grid-area: form;
    min-width: 0;
    padding: clamp(18px, 3vw, 36px);
    border: 1px solid #514460;
    border-radius: 20px;
    background: var(--gds-gloss-surface);
    box-shadow: 0 16px 42px #0006;
}
.gds-contact-form-panel h2 { margin: 0 0 8px; font-size: var(--gds-type-subsection) !important; }
.gds-contact-form-panel > p { margin: 0 0 18px; color: #d8cce5; }
.gds-contact-form-panel .rbt-form-group { margin-bottom: 0; }
.gds-contact-form-panel form { row-gap: 14px; }
.gds-contact-form-panel label {
    display: block;
    margin-bottom: 6px;
    color: #f2e9fa;
    font-size: 15px;
    font-weight: 600;
}
.gds-contact-form-panel :is(input, textarea, select, .bootstrap-select > .dropdown-toggle) {
    width: 100%;
    min-height: 46px;
    padding: 9px 12px;
    border: 1px solid #71617e;
    border-radius: 9px;
    background: #15121c;
    color: #f9f4ff;
    font-size: 16px;
}
.gds-contact-form-panel textarea { min-height: 110px; resize: vertical; }
.gds-contact-form-panel .rbt-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    height: auto;
    padding: 10px 18px;
    border-radius: 999px;
    line-height: 1.4;
}
.gds-contact-channels { grid-area: channels; display: grid; gap: 12px; }
.gds-contact-channel {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 15px;
    border: 1px solid #514460;
    border-radius: 14px;
    background: #211a2a;
}
.gds-contact-channel > i {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #3a2a50;
    color: #edd6ff;
    font-size: 20px;
}
.gds-contact-channel h2 { margin: 0 0 4px; font-size: 17px !important; color: #fff; }
.gds-contact-channel p { margin: 0; }
.gds-contact-channel a { color: #e4c7ff; overflow-wrap: anywhere; }
.gds-contact-channel a:hover { color: #fff; text-decoration: underline; }
@media (max-width: 767px) {
    .gds-contact-layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "intro" "form" "channels";
        grid-template-rows: auto;
    }
}