.contact-modal .modal-dialog { max-width:420px; margin:1rem auto; }
.contact-modal .modal-content { overflow:hidden; border:0; border-radius:18px; box-shadow:0 20px 70px rgba(11,42,87,.28); }
.contact-modal-body { padding:42px 42px 38px; text-align:center; color:#16375f; background:linear-gradient(145deg,#f8fbff,#fff 52%,#edf5ff); }
.contact-modal-close { position:absolute; z-index:1; top:12px; right:16px; width:34px; height:34px; border:0; border-radius:50%; color:#6d7b8f; background:transparent; font:32px/28px Arial,sans-serif; cursor:pointer; }
.contact-modal-close:hover { color:#1769ff; background:rgba(23,105,255,.08); }
.contact-modal-logo { display:block; width:auto; max-width:190px; height:52px; margin:0 auto 22px; object-fit:contain; }
.contact-modal-intro { margin:12px 0 24px; color:#718096; font-size:14px; }
.contact-modal-phone,.contact-modal-email { display:block; color:#173b67; font-weight:750; text-decoration:none; }
.contact-modal-phone { font-size:24px; }
.contact-modal-email { margin-top:8px; font-size:15px; }
.contact-modal-qr { margin:27px auto 0; padding-top:24px; border-top:1px solid #dce8f7; }
.contact-modal-qr img { display:block; width:144px; height:144px; margin:0 auto; background:#fff; }
.contact-modal-qr p { margin:12px 0 0; color:#63738a; font-size:13px; }
.navbar-brand[data-bs-target="#contact-modal"] { cursor:pointer; }
.navbar-brand[data-bs-target="#contact-modal"]:focus-visible { outline:3px solid rgba(45,109,246,.35); outline-offset:4px; border-radius:4px; }
@media (max-width:575.98px) { .contact-modal .modal-dialog { max-width:calc(100% - 32px); } .contact-modal-body { padding:38px 24px 30px; } .contact-modal h2 { font-size:27px; } }