.contact{min-height:700px;text-align:left;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:8vw;align-items:center}
.contact-copy>p{color:var(--muted);line-height:1.75;max-width:600px;margin:28px 0 0}
.contact-form{position:relative;display:flex;flex-direction:column;padding:34px;border:1px solid #33333a;background:#0c0c0fe6;box-shadow:16px 16px 0 #7b2cff1c,0 0 70px #7b2cff1a}
.contact-form label{color:#c8c8ce;font:600 10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px}
.contact-form input,.contact-form textarea{width:100%;color:var(--white);background:#08080a;border:1px solid #35353c;border-radius:0;padding:14px 15px;font:14px/1.5 Inter,Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form input{height:50px;margin-bottom:22px}
.contact-form textarea{resize:vertical;min-height:150px;margin-bottom:16px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#65656e}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b7ff0014}
.contact-button{width:100%;border:0;cursor:pointer}
.form-note{color:#777780;font:9px/1.5 ui-monospace,monospace;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 0}
.form-trap{display:none!important}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:48px}}
@media(max-width:560px){.contact{min-height:0}.contact-form{padding:24px}}