.contacts-page{background:#f9fafb;min-height:100vh;padding:40px 20px 90px}.contacts-container{width:min(100%,980px);margin:0 auto}.contacts-hero{text-align:center;margin-bottom:56px}.contacts-hero h1{color:#000;margin:0 0 24px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.2}.contacts-hero p{color:#4f5a67;max-width:760px;margin:0 auto;font-size:1.05rem;line-height:1.8}.contacts-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;width:min(100%,720px);margin:0 auto 56px;display:grid}.contact-info-item{align-items:flex-start;gap:18px;display:flex}.contact-icon{color:#0f8ffa;stroke-width:1.7px;flex-shrink:0;width:34px;height:34px;margin-top:2px}.contact-info-item h2{color:#27313d;margin:0 0 10px;font-size:1.25rem;font-weight:700}.contact-info-item p{color:#4f5a67;margin:5px 0;line-height:1.7}.contact-info-item a{color:#8994a5;font-weight:500;text-decoration:none;transition:color .2s}.contact-info-item a:hover{color:#2f5e89}.contact-info-item a:visited{color:#8994a5}.contacts-section-divider{background:#e1e4e8;border:none;width:100%;height:1px;margin:0 0 48px}.contact-form-section{width:min(100%,720px);box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto 48px;padding:0}.section-title{align-items:center;gap:12px;margin-bottom:28px;display:flex}.section-title h2{color:#27313d;margin:0;font-size:1.8rem;font-weight:700}.section-icon{color:#0f8ffa;stroke-width:1.7px;width:30px;height:30px}.contact-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:9px;display:flex}.form-group label{color:#27313d;font-weight:600}.form-group input,.form-group textarea{width:100%;font:inherit;color:#27313d;background:#fff;border:1px solid #d8e2ee;border-radius:12px;outline:none;padding:15px 18px;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:170px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9aa5b5}.form-group input:focus,.form-group textarea:focus{border-color:#168fe8;box-shadow:0 0 0 4px #168fe81f}.contact-button{color:#fff;cursor:pointer;background:#168fe8;border:none;border-radius:12px;align-self:center;padding:14px 28px;font-size:1rem;font-weight:700;transition:transform .2s,background .2s}.contact-button:hover{background:#0878c9;transform:translateY(-2px)}.contact-button:active{transform:translateY(0)}.faq-section{width:min(100%,720px);box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto;padding:0}.faq-section h2{color:#27313d;margin:0 0 24px;font-size:1.8rem;font-weight:700}.faq-section details{border-bottom:1px solid #e1e4e8;padding:18px 0}.faq-section details:first-of-type{border-top:1px solid #e1e4e8}.faq-section summary{cursor:pointer;color:#27313d;font-weight:600;list-style:none;transition:color .2s}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:hover{color:#2f5e89}.faq-section details p{color:#4f5a67;margin:14px 0 0;line-height:1.8}.faq-section a{color:#8994a5;font-weight:500;text-decoration:none}.faq-section a:hover{color:#2f5e89}.faq-section a:visited{color:#8994a5}@media (max-width:768px){.contacts-page{padding:32px 20px 72px}.contacts-hero{margin-bottom:40px}.contacts-info{grid-template-columns:1fr;gap:30px;margin-bottom:44px}.contacts-section-divider{margin-bottom:40px}.section-title h2,.faq-section h2{font-size:1.55rem}.contact-button{width:100%}}@media (max-width:480px){.contacts-page{padding-inline:16px}.contact-info-item{gap:14px}.contact-icon{width:30px;height:30px}}