.srp-contact { position: relative; z-index: 4; margin-top: -1px; padding-top: var(--srp-section-space); padding-bottom: var(--srp-section-space); overflow: hidden; color: var(--srp-color-text-inverse); background: radial-gradient(circle at 12% 18%,rgba(140,114,255,.14),transparent 28%),linear-gradient(145deg,#0c0b13,#171421 64%,#0b0a12); scroll-margin-top: 5rem; }
.srp-contact__inner { position: relative; display: grid; max-width: 72rem; grid-template-columns: minmax(0,.8fr) minmax(27rem,1.2fr); gap: clamp(2.25rem,4vw,4.5rem); align-items: start; }
.srp-contact__intro { position: sticky; top: 8rem; }
.srp-contact__intro > p:not(.srp-kicker) { max-width: 35rem; margin: var(--srp-space-4) 0 0; color: var(--srp-color-text-inverse-muted); font-size: var(--srp-text-lead); }
.srp-contact-channels { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: var(--srp-space-4); }
.srp-contact-channels a { display: flex; align-items: center; gap: .7rem; padding: .72rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; color: rgba(255,255,255,.78); background: rgba(255,255,255,.045); transition: border-color var(--srp-transition),background-color var(--srp-transition),transform var(--srp-transition); }
.srp-contact-channels a:hover,.srp-contact-channels a:focus-visible { border-color: rgba(174,182,255,.38); background: rgba(255,255,255,.08); transform: translateY(-2px); }
.srp-contact-channels a:focus-visible { outline: 3px solid var(--srp-color-lilac); outline-offset: 3px; }
.srp-contact-channels span { display: grid; }
.srp-contact-channels strong { color: #fff; font-size: .78rem; }
.srp-contact-channels small { color: rgba(255,255,255,.5); font-size: .68rem; }
.srp-contact__form-wrap { padding: clamp(1rem,1.6vw,1.55rem); border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-lg); background: rgba(255,255,255,.055); box-shadow: inset 0 1px rgba(255,255,255,.07),0 2rem 6rem rgba(0,0,0,.2); backdrop-filter: blur(18px); }
.srp-contact-form { display: grid; gap: var(--srp-space-3); }
.srp-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--srp-space-3); }
.srp-field { display: grid; gap: .55rem; }
.srp-field label { color: rgba(255,255,255,.72); font-size: var(--srp-text-sm); font-weight: 700; }
.srp-field input,.srp-field textarea { width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: 1rem; outline: 0; color: #fff; background: rgba(5,5,10,.42); box-shadow: inset 0 1px rgba(255,255,255,.035); transition: border-color var(--srp-transition),background-color var(--srp-transition),box-shadow var(--srp-transition); }
.srp-field input { min-height: 3.65rem; padding: .8rem 1rem; }
.srp-field textarea { min-height: 7.5rem; padding: 1rem; resize: vertical; }
.srp-field input:hover,.srp-field textarea:hover { border-color: rgba(174,182,255,.35); }
.srp-field input:focus,.srp-field textarea:focus { border-color: var(--srp-color-lilac); background: rgba(5,5,10,.64); box-shadow: 0 0 0 4px rgba(174,182,255,.1); }
.srp-contact-form__submit { width: fit-content; min-width: 10rem; margin-top: var(--srp-space-2); cursor: pointer; }
.srp-form-notice { margin: 0 0 var(--srp-space-3); padding: .9rem 1rem; border: 1px solid; border-radius: .9rem; font-size: var(--srp-text-sm); }
.srp-form-notice--success { color: #d9ffe7; border-color: rgba(101,220,145,.35); background: rgba(49,148,86,.14); }
.srp-form-notice--error { color: #ffe1df; border-color: rgba(255,125,115,.35); background: rgba(201,68,57,.14); }
.srp-honeypot { position: absolute!important; left: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
@media (max-width:63.9375rem) { .srp-contact__inner { grid-template-columns: minmax(0,.72fr) minmax(26rem,1.28fr); gap: 2.5rem; } }
@media (max-width:51.25rem) { .srp-contact__inner { grid-template-columns: 1fr; } .srp-contact__intro { position: static; } }
@media (max-width:39.9375rem) { .srp-contact { padding-top: clamp(3.5rem,14vw,5rem); padding-bottom: clamp(3.5rem,14vw,5rem); } .srp-form-row { grid-template-columns: 1fr; } .srp-contact-form { gap: .9rem; } .srp-field input { min-height: 3.25rem; } .srp-contact-form__submit { width: 100%; } }