/* Contact page only. Reuse the in2meet shell; follow PJAX content replacement. */
body:has(.i2m-contact) {
    background: #060c20 !important;
    color: #f5f5ff !important;
}
.pjaxcontainer-inner:has(.i2m-contact),
.pjaxcontainer-inner:has(.i2m-contact) .main-inner-content {
    background: #060c20;
    color: #f5f5ff;
    font-family: In2meetPoppins, sans-serif;
}
.pjaxcontainer-inner:has(.i2m-contact) .main-inner-content > #main_page > .container {
    width: 100%;
}
/* Guest navigation keeps its existing routes and controls, as on News pages. */
.pjaxcontainer:has(.i2m-contact) :is(.navbar-flatty, footer) {
    background: #060c20;
    color: #cbd2ed;
    border-color: #253951;
}
.pjaxcontainer:has(.i2m-contact) :is(.navbar-flatty, footer) a { color: #cbd2ed; }
.pjaxcontainer:has(.i2m-contact) :is(.navbar-flatty, footer) a:hover {
    color: #ff80d0;
    background-color: #14233d;
}
.pjaxcontainer:has(.i2m-contact) footer :is(.footer-menu, .footer-info, .footer-menu-list-group, .footer-menu-list-block, .footer-menu-list-group-item, .panel) {
    background: transparent;
    border-color: #253951;
}
.pjaxcontainer:has(.i2m-contact) footer .footer-menu-title-block { color: #e1e8f4; }
.i2m-contact {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    color: #f5f5ff;
    font: 16px/1.6 In2meetPoppins, sans-serif;
    overflow-wrap: anywhere;
}
.i2m-contact, .i2m-contact * { box-sizing: border-box; }
.i2m-contact-card { padding: clamp(20px, 4vw, 40px); background: #031723; border: 1px solid #193d52; border-radius: 20px; }
.i2m-contact h1 { color: #f5f5ff; font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.3; margin: 0 0 20px; }
.i2m-contact-intro { color: #b9cee1; margin-bottom: 28px; }
.i2m-contact .form-group { margin: 0 0 22px; }
.i2m-contact label { display: block; color: #e1e8f4; font-weight: 600; margin-bottom: 8px; }
.i2m-contact .form-control { width: 100%; min-width: 0; min-height: 46px; height: auto; padding: 10px 14px; background: #0a2030; color: #f5f5ff; border: 1px solid #42617c; border-radius: 12px; font: inherit; box-shadow: none; }
.i2m-contact textarea { resize: vertical; }
.i2m-contact :is(input, textarea, select, a):focus-visible { outline: 3px solid #ff8ee3; outline-offset: 3px; }
.i2m-contact a { color: #ff80d0; }
.i2m-contact .pginfo.msg { color: #ffb5cc; }
.i2m-contact .i2m-contact-captcha .input-group { display: flex; flex-wrap: wrap; gap: 12px; }
.i2m-contact .i2m-contact-captcha .input-group-addon { width: auto; padding: 8px; border: 1px solid #42617c; border-radius: 12px; background: #fff; }
.i2m-contact .i2m-contact-captcha .form-control { flex: 1 1 110px; width: 110px; }
.i2m-contact-actions { display: flex; justify-content: flex-end; }
.i2m-contact .contact_us-btn { min-height: 46px; padding: 10px 28px; border: 1px solid #d62ab5; border-radius: 24px; background: linear-gradient(110deg, #e8009c, #8700ba); color: #fff; font: inherit; white-space: normal; }
.i2m-contact .contact_us-btn:hover { background: #9f087f; }
.i2m-contact img, .i2m-contact iframe { max-width: 100%; }
.i2m-contact-extras { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 24px; }
@media (max-width: 575px) {
    .i2m-contact { padding: 24px 16px 32px; }
    .i2m-contact-card { padding: 20px; }
    .i2m-contact .contact_us-btn { width: 100%; }
}