.contact{background-color:#000;display:flex;align-items:center;justify-content:center;padding:50px 100px;border-radius:5px;border:1px solid hsla(0,0%,100%,.1);background:#0f1014;max-width:1180px;margin:0 auto}.contact__container{width:100%;display:flex;flex-direction:column;gap:74px}.contact__header{display:flex;justify-content:space-between;align-items:center}.contact__social{display:flex;align-items:center;gap:16px}.contact__social-link{color:#666;transition:color .2s ease}.contact__social-link.youtube-icon:hover{color:red}.contact__social-link.instagram-icon:hover{color:#c13584}.contact__social-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.contact__form{width:100%;display:flex;flex-direction:column;gap:20px}.contact__form-grid{display:grid;grid-template-columns:1fr;gap:2rem;row-gap:95px}@media(min-width:768px){.contact__form-grid{grid-template-columns:1fr 1fr}}.contact__input{width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #333;padding:13px;color:#fff;font-size:16px}.contact__input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.contact__input::placeholder{color:hsla(0,0%,100%,.5)}.contact__input:focus{outline:none;border-color:#666}.contact__textarea{width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #333;padding:.5rem 0;color:#fff;font-size:.875rem;resize:none;margin-top:95px;margin-bottom:50px}.contact__textarea::-moz-placeholder{color:hsla(0,0%,100%,.5)}.contact__textarea::placeholder{color:hsla(0,0%,100%,.5)}.contact__textarea:focus{outline:none;border-color:#666}.contact__button{width:100%;background-color:#f2f2f2;color:#000;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;border:none;cursor:pointer}.contact__button:hover{background-color:#fff}.contact__button--disabled{opacity:.7;cursor:not-allowed}.contact__button-text{font-size:1rem}.contact__button-icon{display:inline-block}@media screen and (max-width:800px){.contact{padding:40px 30px}.contact__container{width:100%;display:flex;flex-direction:column;gap:40px}.contact__header{display:flex;justify-content:space-between;align-items:center}.contact__form{width:100%;display:flex;flex-direction:column;gap:20px}.contact__form-grid{display:grid;grid-template-columns:1fr;gap:20px;row-gap:30px}}@media screen and (max-width:800px)and (min-width:768px){.contact__form-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:800px){.contact__input{width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #333;padding:8px 0;color:#fff;font-size:16px}.contact__input::-moz-placeholder{color:hsla(0,0%,100%,.5);font-size:16px}.contact__input::placeholder{color:hsla(0,0%,100%,.5);font-size:16px}.contact__input:focus{outline:none;border-color:#666}.contact__textarea{width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #333;padding:.5rem 0;color:#fff;font-size:.875rem;resize:none;margin-top:20px;margin-bottom:20px}.contact__textarea::-moz-placeholder{color:hsla(0,0%,100%,.5)}.contact__textarea::placeholder{color:hsla(0,0%,100%,.5)}.contact__textarea:focus{outline:none;border-color:#666}.contact__button{width:100%;background-color:#f2f2f2;color:#000;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;border:none;cursor:pointer}.contact__button:hover{background-color:#fff}.contact__button--disabled{opacity:.7;cursor:not-allowed}.contact__button-text{font-size:1rem}.contact__button-icon{display:inline-block}}