.contacts-page{margin:0 0 20px;padding:0 40px}main{margin:20px 0}.contacts-header{background-color:#525a7b;border-radius:12px;text-align:center;color:#fff;padding:10px;margin:0 0 20px}.contacts{width:100%;display:flex;gap:20px}.contacts-message,.contacts-get-in{flex:1;background-color:#525a7b;border-radius:12px;color:#fff;padding:25px;min-width:0;overflow:hidden}.contacts-h3-sub{color:#fff;font-family:Montserrat;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.contacts-header p{color:#fff;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:300;line-height:normal;margin:5px 0}#contactForm{display:flex;flex-direction:column;gap:12px;margin-top:15px}#contactForm button,#contactForm select{border-radius:5px;box-sizing:border-box;padding:3px}#contactForm input,#contactForm textarea{background-color:#fff;border:1px solid #697AFF;box-shadow:none;outline:none;padding:5px;font-size:16px;color:#252f42;border-radius:5px;transition:border .2s ease}#contactForm input:focus,#contactForm textarea:focus{border-color:#abb3f3}#contactForm input:hover,#contactForm textarea:hover{border-color:#abb3f3}.contact-form-file{background-color:#ccd1f3;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:5px}.contact-form-file-text{color:#7c7d83;text-align:center;font-family:Montserrat;font-size:8px;font-style:normal;font-weight:600;line-height:normal}#selectBtn{border-radius:3px;border:1px solid #697AFF;background:#252f42;color:#fff;padding:10px 15px;cursor:pointer;width:70%;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-weight:600;font-size:16px;box-sizing:border-box;transition:all .3s ease}#selectBtn:hover{background-color:#5563d6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}#contactForm textarea,#contactForm button{width:100%}textarea[name=message]{height:200px;padding:10px;font-size:16px;resize:vertical;box-sizing:border-box}#fileList{width:100%;margin-top:8px}.file-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.file-item{display:flex;align-items:center;gap:10px;max-width:100%;padding:6px 8px;border-radius:6px;background:#ffffff59;margin-bottom:5px;transition:background .2s ease}.file-name-wrapper{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;color:#252f42}.file-item button{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#ff4d4f;color:#fff;font-size:14px;line-height:1;cursor:pointer}.file-item button:hover{background:#d9363e;transform:scale(1.1)}.file-item:hover{background:#fff9}#contactForm button[type=submit]{color:#fff;font-size:16px;font-weight:600;padding:12px 20px;border:1px solid #697AFF;background:#050820;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 6px #0003}#contactForm button[type=submit]:hover{background-color:#5563d6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.social-buttons{display:flex;justify-content:center;gap:42px;margin-top:40px}.social-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:5px;color:#fff;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease}.social-btn-img{width:48px;height:48px;object-fit:contain}.social-btn.x{background-color:#1da1f2}.social-btn.fb{background-color:#1877f2}.social-btn.li{background-color:#0a66c2}.social-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}#contactForm button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.get-in-info{background-color:#fff;display:flex;flex-direction:column;border-radius:5px;padding:10px;margin:20px 0}.get-in-info-header{color:#7c7d83;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px}.get-in-info-text{color:#414ea8;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:5px}.get-in-info-footer{color:#848484;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:normal}@media(max-width:992px){.contacts{flex-direction:column}}@media(max-width:768px){.contacts-page{padding:15px}.contacts-header{padding:30px 15px}.contacts-message,.contacts-get-in{padding:20px}}