.contact-form{padding:2em;display:flex;flex-direction:column;gap:4em;margin:2em;background-color:var(--fg);border-radius:1em}.contact-form h3,.contact-form p,.contact-form input,.contact-form textarea{color:var(--bg)}.contact-form input,.contact-form textarea{background-color:var(--fg200)}.contact-form .btn{background-color:var(--bg);color:var(--fg)}.contact-form-row:nth-child(1){width:100%;display:flex;gap:1em}.contact-form-row-copy-item{flex:1}.contact-form-row-copy-item:nth-child(2){text-align:center}.contact-form-row-copy-item:nth-child(3){text-align:right}.contact-form-col:nth-child(1){display:flex;flex-direction:column;gap:1.5em}.contact-form-header{display:flex;flex-direction:column;gap:1.5em}.contact-form-header h3{text-transform:none}.contact-form-header p{margin-bottom:.5em;width:75%}.contact-form-row:nth-child(2){display:flex;gap:1em}.contact-form-col{flex:1}.contact-form-col:nth-child(1){display:flex;flex-direction:column;justify-content:space-between;gap:4em}.contact-form-availability{width:75%;display:flex;justify-content:space-between;gap:1em;border-top:1px solid var(--bg);padding:.5em 0}.contact-form-col:nth-child(2){display:flex;flex-direction:column;gap:1.5em}.form-item{margin-bottom:1em}.form-item .btn{width:100%;margin-top:.5em}.form-message{margin-top:1em;padding:1em;border-radius:.5em}.form-message.success{background-color:#00ff001a;border:1px solid rgba(0,255,0,.3)}.form-message.error{background-color:#ff00001a;border:1px solid rgba(255,0,0,.3)}.form-message p{color:var(--bg);margin:0}@media(max-width:900px){.contact-form{margin:1.25em}.contact-form-row:nth-child(1){flex-direction:column;gap:.25em}.contact-form-row-copy-item{text-align:center}.contact-form-row-copy-item:nth-child(3),.contact-form h3,.contact-form p{text-align:center}.contact-form-row:nth-child(2){flex-direction:column;gap:4em}.contact-form-header p,.contact-form-availability{width:100%}.contact-form-col:nth-child(1){gap:2em}.contact-form-availability{flex-direction:column;text-align:center;gap:.25em}.contact-form-col:nth-child(2){gap:1.25em}.form-item{margin-bottom:.75em}.contact-form h3{font-size:7vw}.contact-form-header p{font-size:4vw}}
