.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px 100px 0;.contact__title{font-size:32px;font-weight:400;color:white;margin-bottom:20px;text-align:center}.contact__description{font-size:18px;color:rgba(255,255,255,.8);text-align:center;max-width:600px;line-height:1.6;margin-bottom:50px}.contact__form{width:100%;max-width:700px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:50px;display:flex;flex-direction:column;gap:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;&:hover{background:rgba(255,255,255,.05);border-color:rgba(0,191,255,.2)}}.contact__formRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px}.contact__formGroup{display:flex;flex-direction:column;gap:8px}.contact__label{font-size:15px;font-weight:500;color:rgba(255,255,255,.9)}.contact__input,.contact__textarea{width:100%;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:white;font-size:16px;font-family:inherit;transition:all .3s ease;&:focus{outline:none;border-color:rgba(0,191,255,.5);background:rgba(255,255,255,.08);box-shadow:0 0 20px rgba(0,191,255,.1)}&::placeholder{color:rgba(255,255,255,.3)}}.contact__textarea{resize:vertical;min-height:150px}.contact__status{padding:15px 20px;border-radius:10px;font-size:15px;text-align:center;&.contact__status--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}&.contact__status--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}}.contact__submit{padding:16px 32px;background:rgba(0,191,255,.1);border:1px solid rgba(0,191,255,.4);border-radius:10px;color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;&:hover:not(:disabled){background:rgba(0,191,255,.2);border-color:rgba(0,191,255,.6);transform:translateY(-2px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{opacity:.5;cursor:not-allowed}}}@media (max-width:1024px){.contact{padding:80px 50px 0}}@media (max-width:768px){.contact{padding:70px 20px 0;.contact__title{font-size:24px;margin-bottom:15px}.contact__description{font-size:16px;margin-bottom:40px}.contact__form{padding:30px 25px;border-radius:16px}.contact__formRow{grid-template-columns:1fr;gap:20px}.contact__submit{padding:14px 28px;font-size:15px}}}@media (max-width:480px){.contact{padding:70px 15px 0;.contact__title{font-size:20px}.contact__description{font-size:14px;margin-bottom:30px}.contact__form{padding:25px 20px;gap:20px}.contact__input,.contact__textarea{padding:12px 14px;font-size:15px}.contact__submit{padding:12px 24px;font-size:15px}}}