.contact-form-container{background-color:#fff}.portfolioContact__heading{margin:0 0 -70px;color:#f3f4f6;font-size:150px;text-align:center;font-weight:700;position:relative;z-index:-1}.portfolioContact{width:80vw;max-width:700px;margin:0 auto;padding:60px 0 80px;position:relative}.portfolioContact__form{display:flex;flex-direction:column;gap:24px}.portfolioContact__field{display:flex;flex-direction:column;gap:6px;position:relative}.portfolioContact__field--error .portfolioContact__input,.portfolioContact__field--error .portfolioContact__textarea{border-color:#e05252;background-color:#fff5f5}.portfolioContact__field--error .portfolioContact__label{color:#e05252}.portfolioContact__label{font-size:1.4rem;color:#555;font-weight:500;transition:color .2s;text-align:center}.portfolioContact__input,.portfolioContact__textarea{width:100%;padding:12px 16px;font-size:1.5rem;border:none;border-radius:20px;outline:none;transition:border-color .2s,background-color .2s;font-family:sans-serif;color:#333;background-color:#fff;box-sizing:border-box;box-shadow:0 0 10px #0003;resize:none!important}.portfolioContact__input:focus,.portfolioContact__textarea:focus{border-color:#2b9cc2}.portfolioContact__input::placeholder,.portfolioContact__textarea::placeholder{color:#aab4bb}.portfolioContact__input{max-width:400px;margin:0 auto;text-align:center}.portfolioContact__textarea{resize:vertical;min-height:140px}.portfolioContact__error-msg{position:absolute;bottom:-25px;right:0;width:100%;text-align:center;font-size:1.2rem;color:#e05252;margin:0}.portfolioContact__btn{align-self:flex-start;background-color:#1a94bb;color:#fff;border:none;padding:12px 36px;font-size:1.5rem;border-radius:30px;cursor:pointer;transition:background-color .2s,transform .2s;letter-spacing:.05em;width:100%;max-width:400px;margin:20px auto 0}.portfolioContact__btn:hover{background-color:#157898;transform:translateY(-2px)}.portfolioContact__btn:active{transform:translateY(0)}.portfolioContact__toast{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:8px;font-size:1.4rem;color:#fff;box-shadow:0 4px 20px #0003;z-index:1000;max-width:360px}.portfolioContact__toast--success{background-color:#27a96c}.portfolioContact__toast--error{background-color:#e05252}.portfolioContact__toast-enter,.portfolioContact__toast-leave{transition:opacity .4s ease,transform .4s ease}.portfolioContact__toast-enter-start,.portfolioContact__toast-leave-end{opacity:0;transform:translate(60px)}.portfolioContact__toast-enter-end,.portfolioContact__toast-leave-start{opacity:1;transform:translate(0)}@media(max-width:768px){.portfolioContact__heading{font-size:90px;margin-bottom:-40px}.portfolioContact__btn{align-self:stretch;text-align:center}.portfolioContact__toast{bottom:20px;right:20px;left:20px;max-width:none}}@media(max-width:550px){.portfolioContact{width:90vw}}