.contact-page{background:linear-gradient(180deg, rgba(3, 100, 255, 0.04), rgba(255, 255, 255, 0) 40%),#fff}.contact-layout{display:grid;grid-template-columns:minmax(0, 1fr) 360px;gap:32px;align-items:start}.contact-title{margin-bottom:34px}.contact-title p{max-width:640px}.contact-form-panel,.contact-info-panel{border:1px solid rgba(16,69,219,.08);border-radius:8px;background:#fff;box-shadow:0 18px 55px rgba(10,31,68,.1)}.contact-form-panel{padding:40px}.contact-form-panel h3,.contact-info-panel h3{margin-bottom:24px;color:#172033;font-size:22px}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:#172033;font-weight:600}.contact-form .form-control{min-height:50px;border-color:#e4e8f0;box-shadow:none}.contact-form textarea.form-control{min-height:150px;resize:vertical}.contact-form .form-control:focus{border-color:#0364ff;box-shadow:0 0 0 4px rgba(3,100,255,.12)}.contact-form .btn{min-height:50px}.contact-side{display:grid;gap:22px}.contact-info-panel{padding:28px}.contact-info-list{display:grid;gap:14px}.contact-info-item{display:grid;grid-template-columns:44px minmax(0, 1fr);gap:14px;align-items:center;padding:14px;border:1px solid #edf1f7;border-radius:8px;color:#172033;transition:border-color .2s ease,box-shadow .2s ease}.contact-info-item:hover{border-color:rgba(3,100,255,.28);box-shadow:0 8px 22px rgba(10,31,68,.08);color:#172033}.contact-info-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;background:rgba(3,100,255,.1);color:#0364ff;font-size:20px}.contact-info-item strong,.contact-info-item small{display:block}.contact-info-item small{margin-top:3px;color:#6b7280;line-height:1.45}.contact-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-link-grid a{padding:12px 14px;border:1px solid #edf1f7;border-radius:8px;color:#172033;font-weight:600}.contact-link-grid a:hover{border-color:rgba(3,100,255,.28);color:#0364ff}.contact-success{padding:16px 0;text-align:center}.contact-success i{margin-bottom:14px;color:#12b76a;font-size:46px}.contact-success h3{margin-bottom:8px}.contact-success p{margin-bottom:0}@media only screen and (max-width: 991px){.contact-layout{grid-template-columns:1fr}}@media only screen and (max-width: 575px){.contact-form-panel,.contact-info-panel{padding:24px}.contact-link-grid{grid-template-columns:1fr}}
