.contact-input-wrapper{position:relative;margin-bottom:1rem}.contact-input{border:none;border-bottom:1px solid var(--border-secondary-color);color:var(--foreground);padding:.75rem 0;outline:none;font-size:1rem;transition:border-color .3s ease;width:100%}.contact-input:focus{border-bottom-color:var(--primary-color)}.contact-input::placeholder{color:var(--foreground);opacity:.6}.contact-input:focus::placeholder{opacity:.4}body.dark .contact-input{border-bottom-color:var(--border-secondary-color)}body.dark .contact-input:focus{border-bottom-color:var(--primary-color)}body.dark .contact-input::placeholder{color:var(--foreground);opacity:.6}.contact-input[rows]{min-height:120px;line-height:1.5}.contact-form-container{background:rgba(255,255,255,.02);border:1px solid var(--border-secondary-color);border-radius:12px;backdrop-filter:blur(10px)}@media (max-width:640px){.contact-input{font-size:16px}.contact-form-container{border:none;background:none}}.input-box{position:relative;margin:10px 0}.input-box .input-label{position:absolute;font-weight:400;max-width:calc(100% - (2 * 8px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:8px;top:13px;padding:0 8px;user-select:none;pointer-events:none;background:transparent}.input-box .input-1,.input-box .input-label{color:var(--foreground);font-size:16px;transition:.25s}.input-box .input-1{box-sizing:border-box;height:50px;width:100%;border-radius:4px;border:1px solid var(--border-secondary-color);padding:13px 15px;background:var(--background)}.input-box .input-1:focus{outline:none;border:1px solid var(--primary-color);transition:.25s}.input-box .input-1::placeholder{color:transparent}.input-box.active .input-label,.input-box.focus .input-label{color:var(--primary-color);top:-8px;background:var(--background);font-size:11px;transition:.25s}.input-box.active .input-1{border:1px solid var(--primary-color)}.input-box.active-grey .input-1{border:1px solid var(--border-secondary-color)}.input-box.active-grey .input-label{color:#80868b}.input-box.active-grey .input-label,.input-box.error .input-label{top:-8px;background:var(--background);font-size:11px;transition:.25s}.input-box.error .input-label{color:var(--error-color)}.input-box.error .input-1{border:1px solid var(--error-color)}.input-box textarea.input-1{min-height:120px;resize:vertical;line-height:1.5;padding-top:13px}body.dark .input-box.active .input-label,body.dark .input-box.active-grey .input-label,body.dark .input-box.error .input-label,body.dark .input-box.focus .input-label{background:var(--background)}@media (max-width:640px){.input-box .input-1{font-size:16px}}