.question-grid{display:grid;gap:3rem;grid-template-areas:"heading form" "contact form";grid-template-rows:auto 1fr}@media(max-width:1023px){.question-grid{grid-template-areas:"heading" "form" "contact"}}.floating-label-field-error{display:none;font-size:.75rem;line-height:1rem;margin-top:.25rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.floating-label-field{display:flex;flex-direction:column;position:relative}.floating-label-field input,.floating-label-field select,.floating-label-field textarea{border-color:hsl(var(--input));border-radius:calc(var(--radius) - 2px);border-width:1px;min-height:60px;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem}.floating-label-field input:focus,.floating-label-field select:focus,.floating-label-field textarea:focus{border-color:#a3a3a380;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsla(0,0%,64%,.5)}[data-state=invalid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea){--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}[data-state=invalid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea):focus{border-color:#ef444480}[data-state=invalid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea):focus{--tw-ring-color:rgba(239,68,68,.5)}[data-state=invalid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea)~.floating-label-field-error{display:block}[data-state=valid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea){--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}[data-state=valid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea):focus{border-color:#3b82f680}[data-state=valid]:is(.floating-label-field input,.floating-label-field select,.floating-label-field textarea):focus{--tw-ring-color:rgba(59,130,246,.5)}.floating-label-field input,.floating-label-field textarea{padding-top:1.5rem}.floating-label-field-label{font-size:1rem;font-weight:500;left:.75rem;line-height:1.5rem;pointer-events:none;position:absolute;top:19px;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);color:rgb(115 115 115/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.floating-label-field[data-has-value=true] .floating-label-field-label,input:focus~.floating-label-field-label,textarea:focus~.floating-label-field-label{top:.5rem;--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;font-size:.75rem;line-height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.floating-label-field textarea{font-size:.875rem;height:12rem;line-height:1.25rem;resize:none}.floating-label-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;color:transparent;transition:color .1s linear .1s}.floating-label-field select option{color:hsl(var(--foreground))}.floating-label-field[data-has-value=true] select{color:inherit;padding-top:26px}