.contact-section{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-third-color);position:relative;overflow:hidden;padding:clamp(4rem,7vw,7rem) 0 clamp(4rem,6vw,6rem)}.contact-section:after{content:"";position:absolute;top:-5%;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(245,135,44,.07) 0,transparent 70%);pointer-events:none;z-index:0}.contact-section .badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:5px 16px;border-radius:100px;border:1px solid rgba(245,135,44,.3);background:rgba(245,135,44,.07);margin:0 0 clamp(1.5rem,2.5vw,2.5rem) 10vw;align-self:flex-start}.contact-section .badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px var(--primary-color);animation:contact-badge-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes contact-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.contact-section .badge span{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color)}.contact-section .container{position:relative;z-index:1;display:flex;flex-direction:row;gap:clamp(2rem,4vw,5rem);width:100%;padding:0 10vw;box-sizing:border-box;align-items:flex-start}.contact-section .container .info{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(2.5rem,4vw,4rem);flex:0 0 auto;width:clamp(280px,42%,640px)}.contact-section .container .main-info-text{display:flex;flex-direction:column;gap:.9rem}.contact-section .info .main-info-text h2{font-weight:900;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;color:#2a3342;margin:0}.contact-section .info .main-info-text p{font-weight:400;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7;color:#8896ab;margin:0}.contact-section .info .other-info{display:flex;flex-direction:column;gap:1.5rem}.contact-section .info .other-info .info-item{display:flex;flex-direction:column;gap:4px}.contact-section .info .other-info .info-item h4{font-weight:700;font-style:normal;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color);margin:0;line-height:1}.contact-section .info .other-info .info-item a,.contact-section .info .other-info .info-item p{font-weight:500;font-style:normal;font-size:1.05rem;line-height:1.5;color:#2a3342;text-decoration:none;margin:0;transition:color .2s;display:inline-block;width:-moz-fit-content;width:fit-content}.contact-section .info .other-info .info-item a:hover{color:var(--primary-color)}.contact-section .contact-form{display:flex;flex-direction:column;width:clamp(320px,45%,560px);flex-shrink:0}.contact-section .contact-form form{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,44px);border-radius:32px;background-color:#ffffff;border:1px solid rgba(42,51,66,.08);box-shadow:0 4px 6px rgba(42,51,66,.04),0 20px 60px rgba(42,51,66,.07)}.contact-section .contact-form form .input-with-label{display:flex;flex-direction:column;gap:6px}.contact-section .contact-form form .input-with-label label{font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#556987}.contact-section .contact-form form input,.contact-section .contact-form form textarea{padding:12px 14px;border-radius:12px;color:#2a3342;font-size:.95rem;font-weight:500;background-color:#f8f9fb;border:1px solid #e4e8ee;outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s;font-family:inherit}.contact-section .contact-form form input:focus,.contact-section .contact-form form textarea:focus{border-color:rgba(245,135,44,.5);background-color:#ffffff;box-shadow:0 0 0 3px rgba(245,135,44,.08)}.contact-section .contact-form form textarea{height:140px;resize:none}.contact-section .contact-form form input::placeholder,.contact-section .contact-form form textarea::placeholder{color:#b0bac9;font-style:normal;font-weight:400}.contact-section .contact-form form .checkbox-with-label{display:flex;align-items:flex-start;gap:10px}.contact-section .contact-form .checkbox-with-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0;margin-top:3px}.contact-section .contact-form form .checkbox-with-label label{font-weight:400;font-size:.82rem;line-height:1.6;color:#8896ab}.contact-section .contact-form form button{border:none;padding:14px 28px;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.02em;background-color:var(--primary-color);color:#ffffff;position:relative;overflow:hidden;transition:box-shadow .2s,transform .15s;font-family:inherit}.contact-section .contact-form form button:hover{box-shadow:0 4px 20px rgba(245,135,44,.4);transform:translateY(-1px)}.contact-section .contact-form form button:active{transform:translateY(0)}.contact-section .contact-form form button:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);opacity:0;transition:opacity .2s}.contact-section .contact-form form button:hover:after{opacity:1}@media screen and (max-width:767px){.contact-section .badge{margin:0 0 clamp(1.5rem,2.5vw,2.5rem) 5vw}.contact-section .container{flex-direction:column;gap:clamp(2.5rem,10vw,4rem);padding:0 5vw}.contact-section .contact-form{width:100%}.contact-section .info .main-info-text h2{font-size:clamp(1.75rem,7vw,2.5rem)}}