.contact-form-container{display:flex;flex-direction:column;margin:auto;gap:2rem}.form-content{display:flex;flex-direction:row;align-items:center;gap:2rem}.input-group{flex:1 1;display:flex;flex-direction:column;gap:1.5rem}.textarea-field{width:100%;flex:4 1}.form__group{position:relative;padding:20px 0 0;margin-top:10px;width:100%}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid rgba(155,155,155,.5);outline:0;font-size:min(3vw,1.5rem);color:#fff;padding:7px 0;background:transparent;transition:all .3s var(--transition-smooth);&::placeholder{color:transparent}&:placeholder-shown~.form__label{font-size:min(3vw,1.5rem);cursor:text;top:20px}}.form__label{position:absolute;top:0;display:block;transition:all .3s var(--transition-smooth);font-size:min(3vw,1.5rem);color:var(--foreground-secondary);font-weight:500}.form__field:focus{~.form__label{position:absolute;top:0;display:block;transition:all .3s var(--transition-smooth);font-size:min(2.5vw,1.2rem);color:var(--gradient-primary);font-weight:700}padding-bottom:10px;font-weight:600;border-width:3px;border-image:linear-gradient(90deg,var(--gradient-primary),var(--gradient-secondary),var(--gradient-tertiary));border-image-slice:1;box-shadow:0 4px 12px rgba(0,212,170,.2)}.form__field{&:invalid,&:required{box-shadow:none}}button{align-self:flex-start;transition:all .3s var(--transition-smooth);position:relative}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}button:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.2)}button:not(:disabled):active{transform:translateY(-1px)}.success-message{color:var(--gradient-secondary);background:linear-gradient(135deg,rgba(0,255,198,.15),rgba(0,212,170,.1));border-left:4px solid var(--gradient-secondary);box-shadow:0 4px 16px rgba(0,255,198,.2)}.error-message,.success-message{font-size:min(3vw,1.3rem);margin-top:1rem;padding:1.25rem;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromRight .5s var(--transition-smooth)}.error-message{color:#ff6b6b;background:linear-gradient(135deg,rgba(255,107,107,.15),rgba(255,107,107,.1));border-left:4px solid #ff6b6b;box-shadow:0 4px 16px rgba(255,107,107,.2)}@media (max-width:768px){.form-content{display:flex;flex-direction:column;gap:1rem}.contact-form-container{gap:1.5rem}.input-group{gap:.5rem}}