.contact-form-container{width:100%;max-width:600px;color:var(--base-300);margin:0 auto;padding:2rem}.contact-form{flex-direction:column;gap:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex;position:relative}.form-label{text-transform:uppercase;letter-spacing:.1rem;color:var(--base-300);font-family:Geist Mono;font-size:.85rem;transition:color .3s}.form-input,.form-textarea{border:none;border-bottom:1px solid var(--base-300);width:100%;color:var(--base-300);resize:vertical;background:0 0;outline:none;padding:1rem 0;font-family:PP Neue Montreal;font-size:1.25rem;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:var(--base-500)}.form-group:focus-within .form-label{color:var(--base-500)}.form-textarea{min-height:100px}.form-submit-btn{background:var(--base-500);color:var(--base-100);text-transform:uppercase;letter-spacing:.05rem;cursor:pointer;border:none;border-radius:100px;align-self:flex-start;margin-top:2rem;padding:1rem 3rem;font-family:Geist Mono;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.form-submit-btn:hover{background:var(--base-500);color:var(--base-100);transform:scale(1.05)}.form-error{color:var(--accent-3);margin-top:.25rem;font-family:Geist Mono;font-size:.75rem}@media (max-width:768px){.contact-form-container{padding:1rem}}