form {background: white;}form .form-legal-text {display: block;font-size: 12px;color: var(--text-color-500);margin-top: var(--space-2xs);max-width: 500px;}form .form-content {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "inputName inputPhone" "inputEmail inputEmail" "inputMessage inputMessage";gap: 20px;}form .form-content .form-element {position: relative;display: flex;background: #fff;}form .form-content .form-element.input-name {grid-area: inputName;}form .form-content .form-element.input-phone-number {grid-area: inputPhone;}form .form-content .form-element.input-email {grid-area: inputEmail;}form .form-content .form-element.input-message {grid-area: inputMessage;}form .form-content .form-element:has(textarea) {height: 100%;min-height: 200px;}form .form-content .form-element .form-label-transparency {position: absolute;font-size: 12px;top: -10px;left: var(--space-xs-s);line-height: normal;color: var(--background);background-color: var(--background);z-index: 1;opacity: 0;pointer-events: none;transition: opacity 0.25s linear;}form .form-content .form-element label {position: absolute;top: 8px;left: var(--space-xs-s);line-height: 2.2;font-size: 16px;transition: top 0.25s linear, font-size 0.25s linear, line-height 0.25s linear, color 0.25s linear, opacity 0.25s linear;z-index: 2;pointer-events: none;color: var(--text-color-muted);}form .form-content .form-element label.input-focus {font-size: 12px;top: -10px;line-height: normal;color: var(--primary);}form .form-content .form-element label.input-focus ~ .form-label-transparency {opacity: 1;}form .form-content .form-element label .required-tag {font-size: var(--space-xs-s);}form .form-content .form-element input, form .form-content .form-element textarea {position: relative;width: 100%;background-color: transparent;font-size: 16px;padding: var(--space-xs) var(--space-xs-s);outline: 1px solid var(--text-color-100);border: unset;border-radius: 6px;transition: outline 0.1s linear;}form .form-content .form-element input:focus, form .form-content .form-element textarea:focus {outline: 2px solid var(--primary);}form .form-content .form-element textarea {min-height: 100%;resize: none;overflow: hidden;}form .form-content .form-element .border-animation {position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background-color: var(--disruptive);transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease-in-out;}form .contact-button {position: relative;margin: unset;}@media only screen and (max-width: 1300px) {form .form-legal-text {max-width: unset;}}@media only screen and (max-width: 768px) {form {width: 100%;max-width: 500px;margin: 0 auto;}form .form-content {grid-template-areas: "inputName inputName" "inputPhone inputPhone" "inputEmail inputEmail" "inputMessage inputMessage";}}@media only screen and (max-width: 480px) {form .contact-button {width: 100%;}}