.form{display:flex;flex-direction:column;align-self:center;font-family:inherit;gap:10px;padding-inline:2em;padding-bottom:.4em;background-color:#171717;border-radius:20px}.form-heading{text-align:center;margin:2em;color:#00b171;font-size:1.2em;background-color:transparent;align-self:center}.form-field{display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:10px;padding:.6em;border:none;outline:none;color:#fff;background-color:#171717;box-shadow:inset 2px 5px 10px #050505}.input-field{background:none;border:none;outline:none;width:100%;color:#ccd6f6;padding-inline:1em}.sendMessage-btn{margin-bottom:3em;padding:1em;border-radius:10px;border:none;outline:none;background-color:transparent;color:#00b171;font-weight:700;outline:1px solid #00b171}.sendMessage-btn,.sendMessage-btn:hover{cursor:pointer;transition:all .3s ease-in-out}.sendMessage-btn:hover{background-color:#00b171;color:#000;box-shadow:inset 2px 5px 10px #050505}.form-card1{background-image:linear-gradient(163deg,#00b171,#00b171);border-radius:22px;transition:all .3s;width:100%}.form-card1:hover{box-shadow:0 0 30px 1px rgba(100,255,218,.3)}.success-message{padding:20px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;text-align:center}.form-card2{border-radius:0;transition:all .2s}.form-card2:hover{transform:scale(.98);border-radius:20px}