.contact-page{padding-top:130px;padding-bottom:180px}
.contact-title{margin-bottom:85px}
.contact-layout{display:grid;grid-template-columns:40% 60%;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:4px}
.contact-info{background:#f5f7fb;padding:46px 44px;color:#15334a}
.contact-layout h2{font-size:30px;line-height:1.35;font-weight:700;letter-spacing:-1px;color:#15334a;margin:0 0 16px;word-break:keep-all}
.contact-intro{font-size:15px;line-height:1.8;color:#7b818c;margin-bottom:30px}
.contact-detail{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}
.contact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;background:#155bd6;border-radius:50%;color:white}
.contact-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.contact-layout h3{font-size:17px;line-height:1.5;font-weight:600;color:#15334a;margin:0 0 5px}
.contact-detail p,.contact-detail a{font-size:14px;line-height:1.8;color:#7b818c;word-break:keep-all}
.contact-detail a:hover{color:#155bd6}
.contact-channels{border-top:1px solid #e2e7ee;margin-top:35px;padding-top:24px}
.contact-channels h3{font-size:16px;margin-bottom:14px}
.contact-channels nav{display:flex;gap:10px}
.contact-channels a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#155bd6;font-size:16px}
.contact-form-panel{background:#fff;padding:70px 10px 44px 60px}
.contact-form-panel h2{margin-bottom:26px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.contact-fields label{display:block;font-size:14px;line-height:1.5;color:#65707c;font-weight:400}
.contact-fields label>span{color:#155bd6}
.contact-fields .full-width{grid-column:1/-1}
.contact-fields input,.contact-fields textarea{display:block;width:100%;border:1px solid transparent;background:#f5f7fb;border-radius:25px;color:#24394c;padding:12px 18px;font-family:inherit;font-size:14px;line-height:1.5;outline:none;box-shadow:none;margin:5px 0 0;height:auto}
.contact-fields textarea{border-radius:20px;min-height:118px;resize:vertical}
.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#a4abb5}
.contact-fields input:focus,.contact-fields textarea:focus{border-color:#155bd6;box-shadow:0 0 0 3px #155bd612}
.contact-send{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#155bd6;border:0;border-radius:25px;color:#fff;cursor:pointer;padding:13px 20px;font-size:15px;font-weight:500;font-family:inherit;margin-top:20px;transition:background .2s}
.contact-send:hover{background:#1049b2}.contact-send:focus-visible,.contact-channels a:focus-visible{outline:3px solid #84b2ff;outline-offset:3px}
.contact-demo-note{font-size:12px;color:#8b929b;margin-top:12px;line-height:1.7}
.contact-form-status{font-size:14px;line-height:1.8;padding:15px 18px;background:#edf4ff;border-radius:12px;color:#174882;margin-top:16px}
.contact-info{background:#f5f5f5;color:#333}
.contact-layout h2,.contact-layout h3{color:#333}
.contact-intro,.contact-detail p,.contact-detail a{color:#777}
.contact-icon,.contact-channels a,.contact-send{background:#686868;transition:background .2s,color .2s}
.contact-detail:hover .contact-icon,.contact-icon:hover,.contact-channels a:hover,.contact-send:hover{background:#155bd6;color:#fff}
.contact-detail a:hover{color:#155bd6}
.contact-channels{border-color:#e2e2e2}
.contact-fields label{color:#666}.contact-fields label>span{color:#888}
.contact-fields input,.contact-fields textarea{background:#f5f5f5;color:#333}
.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#aaa}
.contact-fields input:focus,.contact-fields textarea:focus{border-color:#888;box-shadow:0 0 0 3px #00000008}
.contact-fields input:hover,.contact-fields textarea:hover{border-color:#155bd6}
.contact-send:focus-visible,.contact-channels a:focus-visible{outline-color:#888}
.contact-demo-note{color:#888}.contact-form-status{background:#f2f2f2;color:#555}
@media(max-width:980px){.contact-page{padding-top:80px;padding-bottom:100px}.contact-title{margin-bottom:55px}.contact-info{padding:35px 25px}.contact-form-panel{padding:45px 0 35px 30px}.contact-layout h2{font-size:25px}.contact-detail{gap:12px}.contact-icon{width:44px;height:44px}.contact-detail p,.contact-detail a{font-size:13px}}
@media(max-width:640px){.contact-layout{grid-template-columns:1fr}.contact-info{padding:32px 26px}.contact-form-panel{padding:36px 6px 0}.contact-page{padding-top:65px;padding-bottom:80px}.contact-title{margin-bottom:45px}.contact-fields{gap:15px 10px}.contact-fields input,.contact-fields textarea{font-size:16px;padding:12px 14px}.contact-layout h2{font-size:26px}.contact-channels{margin-top:25px}.contact-detail:last-of-type{margin-bottom:0}}