/* Chatzhub Default login theme - visually matched to the supplied IndianChatPlus reference. */
:root{--ch-bg:#050b1c;--ch-bg-deep:#030817;--ch-card:#101728;--ch-border:#202b42;--ch-text:#d7d9df;--ch-muted:#8e96a8;--ch-orange:#bd6f14;--ch-orange-2:#d27a12;--ch-gold:#c29551;--ch-green:#16831a;--ch-blue:#63a0c5}
#login_wrap.chatzhub_landing,.chatzhub_landing{width:100%;min-height:100%;margin:0;padding:0;background:var(--ch-bg);color:var(--ch-text);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.chatzhub_landing *,.chatzhub_landing *::before,.chatzhub_landing *::after{box-sizing:border-box}.chatzhub_landing button{font-family:inherit}.chatzhub_landing img{max-width:100%}.chatzhub_landing a{color:inherit}
.chatzhub_page{width:100%;background:var(--ch-bg)}.chatzhub_container{width:calc(100% - 56px);max-width:1160px;margin:0 auto}.chatzhub_narrow{max-width:1060px}
.chatzhub_hero{background:radial-gradient(circle at 48% 19%,rgba(32,52,91,.22),transparent 36%),linear-gradient(180deg,#040a1a 0%,#061027 100%)}
.chatzhub_hero_inner{width:calc(100% - 56px);max-width:1140px;margin:0 auto;padding:36px 0 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:42px;align-items:center;text-align:left}
.chatzhub_hero_copy{min-width:0}.chatzhub_brand{display:flex;justify-content:flex-start;align-items:center;min-height:74px;margin-bottom:20px}.chatzhub_logo{width:auto;max-width:220px;height:auto!important;max-height:72px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.24))}
.chatzhub_kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:10px 16px;border:1px solid rgba(189,111,20,.45);border-radius:999px;background:rgba(81,46,16,.32);color:#bdb9ad;font-size:14px;font-weight:700}.chatzhub_kicker i{color:#d9aa6a}
.chatzhub_hero h1{margin:0;color:#d9d9dd;font-size:39px;line-height:1.08;font-weight:800;letter-spacing:-.8px}.chatzhub_subtitle{margin-top:10px;color:#c07b29;font-size:23px;line-height:1.2;font-weight:800}.chatzhub_lead{max-width:630px;margin:16px 0 0;color:#a9adb8;font-size:15px;line-height:1.7}
.chatzhub_actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-top:22px}.chatzhub_btn{min-width:142px;padding:12px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;font-size:15px;line-height:1;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.chatzhub_btn:hover{transform:translateY(-1px)}
.chatzhub_btn_primary{background:linear-gradient(180deg,#cf780f 0%,#b9690d 100%);color:#fff;box-shadow:0 8px 24px rgba(194,108,16,.24)}.chatzhub_btn_secondary{background:rgba(19,28,48,.86);color:#d9d9dd;border-color:#6b7280}.chatzhub_register_line{margin-top:17px;color:#9ca2b1;font-size:14px}.chatzhub_text_button{border:0;padding:0;background:transparent;color:#bf8640;text-decoration:underline;font-size:14px;font-weight:800;cursor:pointer}.chatzhub_trust_row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;color:#9198a8;font-size:12px}.chatzhub_trust_row span{display:inline-flex;align-items:center;gap:6px}.chatzhub_trust_row i{color:#30a46e;font-size:12px}
.chatzhub_mock_wrap{width:100%;max-width:360px;justify-self:end;border:1px solid var(--ch-border);border-radius:16px;background:#0d1528;box-shadow:0 12px 35px rgba(0,0,0,.16);overflow:hidden}.chatzhub_mock_head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.05);color:#c3c7d0;font-size:12px;font-weight:700}.chatzhub_mock_head i{color:#2fa56b;font-size:8px;vertical-align:2px;margin-right:5px}.chatzhub_mock_head small{color:#7d8697;font-size:10px}.chatzhub_mock_body{padding:10px 12px 12px}.chatzhub_mock_msg{max-width:92%;margin:0 0 9px;padding:9px 11px;border-radius:10px;background:#172037;color:#a8afbf;font-size:11px;line-height:1.45}.chatzhub_mock_msg b{display:block;color:#b5bdcf;font-size:10px;margin-bottom:2px}.chatzhub_mock_msg_green{margin-left:auto;background:#063c25;color:#aac6b5}.chatzhub_mock_input{padding:10px 12px;border-radius:999px;background:#131c31;color:#737d90;font-size:10px}
.chatzhub_section{padding:62px 0 68px;background:var(--ch-bg-deep)}.chatzhub_section_alt{background:#071025}.chatzhub_section_heading{text-align:center;margin-bottom:34px}.chatzhub_section_heading h2{margin:0;color:#d6d7dc;font-size:31px;line-height:1.2;font-weight:800}.chatzhub_section_heading p{max-width:800px;margin:15px auto 0;color:var(--ch-muted);font-size:16px;line-height:1.7}.chatzhub_rule{width:100px;height:7px;display:flex;margin:17px auto 0;overflow:hidden;border-radius:999px}.chatzhub_rule span:nth-child(1){flex:1;background:#bd6f14}.chatzhub_rule span:nth-child(2){flex:1;background:#c2c5cb}.chatzhub_rule span:nth-child(3){flex:1;background:#0b6d14}
.chatzhub_steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chatzhub_step{display:flex;gap:14px;min-height:0;padding:20px 18px;border:1px solid var(--ch-border);border-radius:18px;background:var(--ch-card)}.chatzhub_step_num{flex:0 0 45px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#ca7615,#b6650c);color:#ddd6cd;font-size:20px;font-weight:800}.chatzhub_step h3{margin:2px 0 9px;color:#d5d6db;font-size:20px;line-height:1.2}.chatzhub_step p{margin:0;color:#8f96a7;font-size:14px;line-height:1.55}
.chatzhub_feature_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chatzhub_feature{min-height:210px;padding:24px;border:1px solid var(--ch-border);border-radius:18px;background:var(--ch-card)}.chatzhub_icon{color:#bc6d17;font-size:26px;line-height:1;margin-bottom:17px}.chatzhub_feature h3{margin:0 0 10px;color:#d6d7dd;font-size:21px;line-height:1.2}.chatzhub_feature p{margin:14px 0 0;color:#8f97a8;font-size:14px;line-height:1.65}.chatzhub_pill{display:inline-block;padding:7px 12px;border-radius:999px;font-size:12px;line-height:1;font-weight:800}.chatzhub_pill.green{background:#65a970;color:#102713}.chatzhub_pill.blue{background:#5d9cc3;color:#092338}.chatzhub_pill.gold{background:#b59351;color:#2c1c08}
.chatzhub_directory_section{margin-top:34px}.chatzhub_directory_title{display:flex;align-items:center;gap:12px;margin-bottom:14px;cursor:pointer;user-select:none}.chatzhub_directory_title i{color:#bd6f14;font-size:21px;width:24px;text-align:center}.chatzhub_directory_title h3{flex:1;margin:0;color:#bd843a;font-size:22px;line-height:1.2}.chatzhub_directory_title>span{color:#bd843a;font-size:24px;line-height:1}.chatzhub_directory_section.is_collapsed .chatzhub_directory_grid,.chatzhub_directory_section.is_collapsed .chatzhub_topic_grid{display:none}.chatzhub_directory_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chatzhub_directory_card,.chatzhub_topic_card{border:1px solid var(--ch-border);border-radius:12px;background:#10182b;color:#c9cbd1;text-decoration:none}.chatzhub_directory_card{min-height:62px;display:flex;align-items:center;gap:10px;padding:12px 13px;font-size:14px;font-weight:700;text-align:left}.chatzhub_directory_card:hover,.chatzhub_topic_card:hover{border-color:#33435f;background:#131e34}.chatzhub_directory_card i{color:#bd6f14;width:22px;text-align:center;font-size:16px}.chatzhub_topic_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chatzhub_topic_card{min-height:54px;padding:12px 13px;font-size:14px;font-weight:700}
.chatzhub_about_text{max-width:920px;margin:0 auto}.chatzhub_about_text p{margin:0 0 20px;color:#999fad;font-size:16px;line-height:1.8}.chatzhub_about_text p:last-child{margin-bottom:0}.chatzhub_faq{max-width:900px;margin:0 auto}.chatzhub_faq_item{margin-bottom:12px;border:1px solid var(--ch-border);border-radius:15px;background:var(--ch-card);overflow:hidden}.chatzhub_faq_question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:transparent;border:0;color:#d1d3d8;text-align:left;cursor:pointer;font-size:16px;font-weight:800}.chatzhub_faq_question b{color:#bd843a;font-size:25px;line-height:1;font-weight:400}.chatzhub_faq_answer{display:none;padding:0 20px 18px}.chatzhub_faq_answer p{margin:0;color:#9399a9;font-size:14px;line-height:1.7}.chatzhub_faq_item.is_open .chatzhub_faq_answer{display:block}.chatzhub_faq_item.is_open .chatzhub_faq_question b{transform:rotate(45deg)}
.chatzhub_ready{background:#071025;padding:62px 0 72px}.chatzhub_ready_inner .chatzhub_section_heading{margin-bottom:22px}.chatzhub_ready_inner .chatzhub_section_heading p{font-size:16px}
#main_footer.foot{padding:44px 18px 38px!important;background:#171717!important;color:#c4c5ca!important}#main_footer #menu_main_footer{font-size:14px!important;max-width:980px;margin:0 auto}#main_footer #menu_main_footer ul{margin:0;padding:0;text-align:center}#main_footer #menu_main_footer li{margin:6px 10px!important}#main_footer #menu_main_footer a{color:#c4c5ca!important;text-decoration:none}#main_footer #menu_main_footer .theme_color{color:#2d8ca9!important}
@media(max-width:1050px){.chatzhub_hero_inner{grid-template-columns:minmax(0,1fr) 340px;gap:25px}.chatzhub_feature_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chatzhub_directory_grid,.chatzhub_topic_grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.chatzhub_container,.chatzhub_hero_inner{width:calc(100% - 36px)}.chatzhub_hero_inner{grid-template-columns:1fr;padding:28px 0 48px;gap:28px}.chatzhub_hero_copy{text-align:center}.chatzhub_brand{justify-content:center;margin-bottom:16px}.chatzhub_kicker{font-size:13px;padding:9px 14px}.chatzhub_hero h1{font-size:34px}.chatzhub_subtitle{font-size:22px}.chatzhub_lead{font-size:15px;line-height:1.65;margin:13px auto 0;max-width:560px}.chatzhub_actions{justify-content:center}.chatzhub_trust_row{justify-content:center}.chatzhub_mock_wrap{justify-self:center;max-width:100%;width:100%}.chatzhub_steps{grid-template-columns:1fr;gap:12px}.chatzhub_step{padding:18px 17px;border-radius:16px}.chatzhub_step_num{flex-basis:44px;width:44px;height:44px}.chatzhub_step h3{font-size:20px}.chatzhub_step p{font-size:14px;line-height:1.5}.chatzhub_directory_grid,.chatzhub_topic_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.chatzhub_container,.chatzhub_hero_inner{width:calc(100% - 28px)}.chatzhub_hero_inner{padding:22px 0 42px}.chatzhub_logo{max-width:185px;max-height:62px}.chatzhub_hero h1{font-size:30px;letter-spacing:-.5px}.chatzhub_subtitle{font-size:20px}.chatzhub_lead{font-size:14px;line-height:1.65}.chatzhub_actions{flex-direction:column;align-items:stretch;gap:10px}.chatzhub_btn{width:100%;min-width:0;padding:13px 18px;font-size:14px}.chatzhub_register_line{font-size:13px}.chatzhub_text_button{font-size:13px}.chatzhub_trust_row{gap:10px 16px;font-size:11px}.chatzhub_section,.chatzhub_ready{padding:48px 0 54px}.chatzhub_section_heading{margin-bottom:25px}.chatzhub_section_heading h2{font-size:27px}.chatzhub_section_heading p{font-size:14px}.chatzhub_rule{width:96px;height:7px;margin-top:14px}.chatzhub_step{gap:12px;padding:16px 14px}.chatzhub_step_num{flex-basis:43px;width:43px;height:43px;font-size:19px}.chatzhub_step h3{font-size:19px;margin-bottom:7px}.chatzhub_step p{font-size:13px;line-height:1.48}.chatzhub_feature_grid{grid-template-columns:1fr}.chatzhub_feature{min-height:0;padding:21px}.chatzhub_feature h3{font-size:20px}.chatzhub_feature p{font-size:13px}.chatzhub_directory_title h3{font-size:20px}.chatzhub_directory_grid,.chatzhub_topic_grid{grid-template-columns:1fr}.chatzhub_directory_card{min-height:55px;font-size:13px}.chatzhub_topic_card{font-size:13px}.chatzhub_about_text p{font-size:14px;line-height:1.75}.chatzhub_faq_question{padding:16px 17px;font-size:14px}.chatzhub_faq_answer{padding:0 17px 16px}.chatzhub_faq_answer p{font-size:13px;line-height:1.65}.chatzhub_mock_head{padding:12px}.chatzhub_mock_body{padding:9px}.chatzhub_mock_msg{font-size:11px}.chatzhub_mock_input{font-size:10px}}

.chatzhub_directory_cta{text-align:center;background:#071025;padding:6px 18px 24px}.chatzhub_directory_cta a{color:#c18746;font-size:14px;font-weight:800;text-decoration:underline}.chatzhub_directory_cta a:hover{color:#d6a064}

/* User review carousel: horizontal, touch-friendly on mobile and desktop. */
.chatzhub_reviews{background:#050b1c;padding:62px 0 64px}.chatzhub_review_scroller{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 2px 18px;cursor:grab;touch-action:pan-x;scroll-behavior:smooth}.chatzhub_review_scroller.is_dragging{cursor:grabbing;scroll-behavior:auto}.chatzhub_review_card{flex:0 0 min(340px,82vw);scroll-snap-align:start;border:1px solid var(--ch-border);border-radius:18px;background:var(--ch-card);padding:22px 20px;box-shadow:0 10px 26px rgba(0,0,0,.12)}.chatzhub_review_user{display:flex;align-items:center;gap:12px}.chatzhub_review_avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #3b4559;box-shadow:0 3px 12px rgba(0,0,0,.18)}.chatzhub_review_user h3{margin:0 0 3px;color:#d6d7dd;font-size:17px}.chatzhub_review_user span{color:#7f8797;font-size:12px}.chatzhub_review_card p{margin:18px 0 16px;color:#a4aabb;font-size:14px;line-height:1.7;min-height:72px}.chatzhub_review_stars{font-size:18px;letter-spacing:2px;color:#e3a341}.chatzhub_review_hint{text-align:center;color:#737c8d;font-size:12px;margin-top:6px}.chatzhub_reviews .chatzhub_section_heading{margin-bottom:25px}
@media(max-width:780px){.chatzhub_reviews{padding:52px 0 54px}.chatzhub_review_card{flex-basis:84vw}.chatzhub_review_card p{min-height:0}.chatzhub_review_hint{font-size:11px}}

@media(min-width:781px){.chatzhub_ready_inner>.chatzhub_actions{justify-content:center}}

/* Chatzhub language picker: compact top-right control, matching the default CodyChat login. */
#login_wrap.chatzhub_landing{position:relative;}
#login_wrap.chatzhub_landing #intro_lang{
    position:absolute!important;
    top:10px!important;
    right:20px!important;
    left:auto!important;
    bottom:auto!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    z-index:1!important;
    display:block!important;
    cursor:pointer!important;
}
#login_wrap.chatzhub_landing #intro_lang .bcell_mid{
    width:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
}
#login_wrap.chatzhub_landing #intro_lang .intro_lang{
    display:block!important;
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:6px!important;
    object-fit:contain!important;
    border:0!important;
    box-sizing:border-box!important;
}

/* The flag must always sit behind every CodyChat modal. The stock login keeps
   the flag low in the stacking order and lets the modal overlay cover it. */
body:has(#login_wrap.chatzhub_landing) .small_modal_out,
body:has(#login_wrap.chatzhub_landing) .large_modal_out{
    z-index:1000!important;
}
body:has(#login_wrap.chatzhub_landing) .over_modal_out,
body:has(#login_wrap.chatzhub_landing) .over_emodal_out{
    z-index:1001!important;
}
body:has(#login_wrap.chatzhub_landing) .top_modal_out{
    z-index:1002!important;
}
body:has(#login_wrap.chatzhub_landing) .tab_error_out{
    z-index:1200!important;
}

/* Only the language selector is recoloured. Other Chatzhub/CodyChat popups
   retain their existing appearance. */
body:has(#login_wrap.chatzhub_landing) .over_modal_in:has(.lang_box),
body:has(#login_wrap.chatzhub_landing) .large_modal_in:has(.lang_box),
body:has(#login_wrap.chatzhub_landing) .small_modal_in:has(.lang_box),
body:has(#login_wrap.chatzhub_landing) .top_modal_in:has(.lang_box),
body:has(#login_wrap.chatzhub_landing) .over_emodal_in:has(.lang_box){
    background:#071025!important;
    color:#d7d9df!important;
    border:1px solid #182543!important;
    border-radius:28px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.42)!important;
}
body:has(#login_wrap.chatzhub_landing) .over_modal_in:has(.lang_box) .modal_content,
body:has(#login_wrap.chatzhub_landing) .large_modal_in:has(.lang_box) .modal_content,
body:has(#login_wrap.chatzhub_landing) .small_modal_in:has(.lang_box) .modal_content,
body:has(#login_wrap.chatzhub_landing) .top_modal_in:has(.lang_box) .modal_content,
body:has(#login_wrap.chatzhub_landing) .over_emodal_in:has(.lang_box) .modal_content{
    background:transparent!important;
    color:#d7d9df!important;
}
body:has(#login_wrap.chatzhub_landing) .lang_box{
    background:transparent!important;
    color:#d1d4dc!important;
    border-bottom:1px solid #182543!important;
}
body:has(#login_wrap.chatzhub_landing) .lang_box:hover{
    background:rgba(255,255,255,.035)!important;
}
body:has(#login_wrap.chatzhub_landing) .lang_box .lang_lang{
    color:#d7d9df!important;
}
body:has(#login_wrap.chatzhub_landing) .lang_box .lang_flag_box{
    background:transparent!important;
}
body:has(#login_wrap.chatzhub_landing) .over_modal_in:has(.lang_box) .modal_title,
body:has(#login_wrap.chatzhub_landing) .over_modal_in:has(.lang_box) .modal_close,
body:has(#login_wrap.chatzhub_landing) .over_modal_in:has(.lang_box) .close_btn{
    color:#d6d9e1!important;
}

/* Chatzhub responsive scroll-to-top control. */
#chatzhub_scroll_top.chatzhub_scroll_top{
    position:fixed!important;
    right:clamp(14px, 2.4vw, 30px)!important;
    bottom:calc(clamp(14px, 2.4vw, 30px) + env(safe-area-inset-bottom, 0px))!important;
    width:clamp(48px, 5vw, 60px)!important;
    height:clamp(48px, 5vw, 60px)!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:2px solid rgba(194,149,81,.9)!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#cf780f 0%,#a85c0b 100%)!important;
    color:#061026!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2147483000!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(12px) scale(.94)!important;
    pointer-events:none!important;
    box-shadow:0 9px 26px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08) inset!important;
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
}
#chatzhub_scroll_top.chatzhub_scroll_top.is_visible{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0) scale(1)!important;
    pointer-events:auto!important;
}
#chatzhub_scroll_top.chatzhub_scroll_top:hover{
    transform:translateY(-2px) scale(1.02)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.09) inset!important;
}
#chatzhub_scroll_top.chatzhub_scroll_top:focus-visible{
    outline:3px solid rgba(99,160,197,.8)!important;
    outline-offset:3px!important;
}
#chatzhub_scroll_top.chatzhub_scroll_top svg{
    width:42%;
    height:42%;
    display:block;
}
#chatzhub_scroll_top.chatzhub_scroll_top svg path{vector-effect:non-scaling-stroke}
@media(max-width:780px){
    #chatzhub_scroll_top.chatzhub_scroll_top{right:18px!important;bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;width:52px!important;height:52px!important}
}
@media(max-width:520px){
    #chatzhub_scroll_top.chatzhub_scroll_top{right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;width:50px!important;height:50px!important}
}
@media(prefers-reduced-motion:reduce){
    #chatzhub_scroll_top.chatzhub_scroll_top{transition:none!important}
}