:root{--navy:#102b52;--navy-deep:#0b1f3d;--blue:#2469d8;--muted:#718096;--line:#e7edf5;--green:#18a957}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:#1d2d43;background:#f3f6fb}
.contact-page{min-height:100vh;position:relative;overflow:hidden;padding:22px 0 18px;background:radial-gradient(circle at 5% 12%,#e5efff 0,transparent 28%),radial-gradient(circle at 95% 90%,#e5f7f0 0,transparent 25%),#f7f9fc}
.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:330px;height:330px;top:170px;left:-230px;background:#d9e8ff}.ambient-two{width:280px;height:280px;right:-200px;bottom:80px;background:#dff5e9}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:9px 2px 24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#14294c;font-size:23px;box-shadow:0 7px 18px #f0b51d45}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand-copy em{font-style:normal;color:#d99b00}.brand-copy small{font-size:10px;letter-spacing:1.25px;color:#77869b;margin-top:5px;font-weight:700}.top-note{color:#61738b;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:30px}
.intro{max-width:700px;margin:13px auto 30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#d39a0b}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff8e5;border:1px solid #ffedbb;padding:7px 12px;border-radius:30px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#e5ad18}.intro h1{font:800 clamp(29px,4vw,43px) Manrope,sans-serif;letter-spacing:-1.7px;color:var(--navy);margin:14px 0 8px}.intro h1 span{color:#d59b08}.intro p{color:#718096;font-size:15px;margin:0}
.contact-shell{max-width:1050px;margin:0 auto;background:#fff;border:1px solid #e8edf4;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px #18345d12,0 3px 9px #18345d08}
.form-panel{padding:38px 42px 34px}.info-panel{padding:40px 38px;background:linear-gradient(155deg,#f7faff,#f2f7ff);border-left:1px solid #e8eef7}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.panel-heading h2,.info-panel h2{font:800 24px Manrope,sans-serif;color:var(--navy);letter-spacing:-.7px;margin:7px 0 5px}.panel-heading p,.info-lead{font-size:13px;color:#7c899a;margin:0;line-height:1.6}.heading-icon{width:45px;height:45px;border-radius:14px;background:#fff5d9;color:#d69d0b;display:grid;place-items:center;font-size:21px}.form-label{font-size:12px;font-weight:700;color:#334968;margin-bottom:8px}.form-label span{color:#e45c54}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#93a1b4;font-size:15px;z-index:2}.form-control,.form-select{min-height:46px;border:1px solid #dfe6ef;border-radius:10px;padding:11px 13px;font-size:13px;color:#24364e;background-color:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}.input-wrap .form-control,.input-wrap .form-select{padding-left:40px}.form-control::placeholder{color:#a3adbb}.form-control:focus,.form-select:focus{border-color:#5a91e8;box-shadow:0 0 0 3px #347ce51a}.message-field{min-height:112px;resize:vertical}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc6565}.invalid-feedback{font-size:11px;margin-top:5px}.char-count{font-size:10px;color:#9aa6b5}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px}.privacy-note{font-size:11px;color:#8290a2;display:flex;align-items:center;gap:7px}.privacy-note i{color:#19a76a;font-size:15px}.btn-send{border:0;border-radius:9px;background:linear-gradient(110deg,#2169d7,#1556bb);color:#fff;font-size:13px;font-weight:700;padding:12px 20px;box-shadow:0 7px 16px #2169d733;transition:transform .2s,box-shadow .2s}.btn-send:hover{background:linear-gradient(110deg,#195fc9,#104da9);color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px #2169d744}.form-alert{display:none;margin-top:15px;border-radius:9px;padding:10px 12px;font-size:12px}.form-alert.show{display:block}.form-alert.success{background:#e9f8ef;color:#167443;border:1px solid #c8efd8}.form-alert.error{background:#fff0ef;color:#a33d36;border:1px solid #f5d0cc}
.info-panel h2{margin-top:8px}.info-lead{margin-bottom:23px}.contact-method{display:flex;align-items:center;gap:13px;padding:12px 0;text-decoration:none;color:inherit;border-bottom:1px solid #e5ebf3;transition:transform .2s}.contact-method:hover{transform:translateX(3px)}.method-icon{width:41px;height:41px;flex:0 0 41px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px}.email-icon{background:#ed7066}.phone-icon{background:#3686e7}.contact-method>span:nth-child(2),.availability>span:last-child,.info-footer>span{display:flex;flex-direction:column;gap:3px}.contact-method strong,.availability strong,.info-footer strong{font-size:12px;color:#2b4261}.contact-method small,.availability small,.info-footer small{font-size:11px;color:#8793a3}.method-arrow{margin-left:auto;color:#a7b2c0;font-size:14px}.availability{display:flex;align-items:center;gap:11px;margin:21px 0 15px}.live-dot{width:9px;height:9px;border-radius:50%;background:#20b86b;box-shadow:0 0 0 4px #20b86b1c;margin:0 5px}.btn-whatsapp,.btn-call{width:100%;display:flex;align-items:center;justify-content:flex-start;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:700}.btn-whatsapp{background:#18ad62;color:#fff;box-shadow:0 7px 16px #18ad6226}.btn-whatsapp:hover{background:#119b55;color:#fff}.btn-call{margin-top:9px;border:1px solid #dce4ee;color:#344b68;background:#fff}.btn-call:hover{background:#f7faff;color:#1e5eb5;border-color:#b9d0ef}.info-footer{display:flex;gap:11px;align-items:center;margin-top:24px;padding:13px;background:#fff;border:1px solid #e7edf5;border-radius:11px;color:#d49c0c;font-size:18px}.page-footer{max-width:1050px;margin:18px auto 0;display:flex;justify-content:space-between;color:#98a4b3;font-size:11px;padding:0 4px}.page-footer a{color:#647993;text-decoration:none}.page-footer a:hover{color:#1e63c2}
@media(max-width:991.98px){.form-panel{padding:32px}.info-panel{border-left:0;border-top:1px solid #e8eef7;padding:32px}.contact-shell{max-width:720px}}
@media(max-width:575.98px){.contact-page{padding-top:13px}.topbar{padding-bottom:16px}.top-note{font-size:11px;padding:8px 10px}.brand-mark{width:39px;height:39px}.brand-copy strong{font-size:17px}.intro{margin:15px auto 22px;padding:0 8px}.intro p{font-size:13px}.contact-shell{border-radius:15px}.form-panel{padding:25px 19px}.info-panel{padding:26px 20px}.panel-heading h2,.info-panel h2{font-size:21px}.heading-icon{width:39px;height:39px}.form-bottom{align-items:stretch;flex-direction:column}.btn-send{width:100%}.privacy-note{justify-content:center}.page-footer{padding:0 4px;gap:8px;flex-wrap:wrap;font-size:10px}.contact-method{padding:11px 0}}