#contact-section{width:calc(100% - 20px);max-width:600px;padding:10px;padding-bottom:100px}#contact-section h1{margin:0!important;margin-bottom:30px!important}.form-group{margin-bottom:10px}.contact-input{width:100%;padding:10px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--primary);font-family:var(--font-family);font-size:var(--font-size-small);outline:0;transition:border-color .2s ease;box-sizing:border-box}.contact-input::placeholder{color:var(--secondary);opacity:.8}.contact-input:focus{border-color:var(--tertiary)}div.contact-input[contenteditable=true]{font-family:var(--font-family)}div.contact-input[contenteditable=true][data-empty=true]::before{content:attr(data-placeholder);color:var(--secondary);pointer-events:none;opacity:.8;display:block}.contact-submit{padding:5px 10px!important;border:1px solid var(--border-color);background-color:transparent;cursor:pointer;transition:background-color .2s ease}.contact-submit:hover:not(:disabled){background-color:var(--highlight-color)}.contact-submit:disabled{cursor:not-allowed}#contact-sending{color:#eab308!important;border-color:#eab308!important}#contact-success{color:#22c55e!important;border-color:#22c55e!important}#contact-failed{color:#ef4444!important;border-color:#ef4444!important}.contact-autocomplete{position:absolute;z-index:1000;text-align:left;width:350px;max-width:100vw}.contact-autocomplete .search-input-wrapper{background:0 0!important;border:none!important;padding:0!important}.contact-autocomplete .search-results{max-height:300px;background:var(--bg-color);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid var(--border-color);margin-top:5px}