/* Extracted Haneen login overrides.
   Loaded after login.css to prepare a safe migration away from inline CSS. */
:root{--hb2-bg:#141414;--hb2-fg:#e9eef5;--hb2-muted:#a6afbe;--hb2-accent:#cf567c;--page-bg:#1e1e1e;--app-height:100vh;--kb-offset:0px;}
html,body{height:100%;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;background:var(--page-bg)!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-bottom:calc(var(--kb-offset) + 24px);}
#login_body{min-height:var(--app-height);display:flex;padding-bottom:calc(var(--kb-offset) + env(safe-area-inset-bottom,0px));background:var(--page-bg)!important;background-image:none!important;}
.page-container{width:100%;display:flex;justify-content:center;align-items:flex-start;}
.chat-box{width:430px;background:#000;min-height:100%;overflow-x:visible!important;padding-bottom:calc(var(--kb-offset) + 18px);}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.hero-seo-details{display:block;margin:0 auto 8px;max-width:96%;}
.hero-seo-head{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;cursor:pointer;}
.hero-seo-title{display:block;margin:0;text-align:center;color:#f2ebef;font-size:.8rem!important;line-height:1.28;font-weight:700;padding:0 2px;letter-spacing:0;}
.hero-seo-details summary{list-style:none;}
.hero-seo-details summary::-webkit-details-marker{display:none;}
.hero-seo-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#151b25;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.22);flex:0 0 24px;order:-1;}
.hero-seo-toggle::before{content:"◀";font-size:.68rem;line-height:1;color:#ffb9d3;transition:transform .18s ease;}
.hero-seo-details[open] .hero-seo-toggle::before{transform:rotate(-90deg);}
.hero-seo-details__body{margin:8px auto 0;max-width:92%;padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(21,27,37,.98),rgba(13,17,24,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.26);}
.hero-seo-details__title{margin:0 0 6px;text-align:center;color:#fff;font-size:.82rem;line-height:1.6;font-weight:800;}
.hero-seo-details__body p{margin:0;color:#d9e2f0;text-align:center;font-size:.8rem;line-height:1.8;font-weight:500;}
.hero-seo-details__meta{margin-top:6px!important;color:#ffcadc!important;font-size:.74rem!important;font-weight:700!important;}
.tabs-rtl{direction:rtl;margin:0;height:44px;width:100%;background:#1f1f1f;border-radius:6px 6px 0 0;padding:0;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:nowrap;}
.tabs-rtl li{flex:1 1 0%;text-align:center;min-width:33.3%;}
.tabs-rtl li a{display:block;padding:10px 0;color:#cfd8dc;text-decoration:none;}
.tabs-rtl li.active a,.tabs-rtl li a:hover{color:#fff;background:#cf567c;box-shadow:0 0 10px #cf567c66;}
#active-chatters,#active-chatters *{direction:rtl;}
#active-chatters > div{background:#12161c!important;border:1px solid #2b3139!important;border-radius:14px!important;padding:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;}
#active-chatters > div > div:first-child{background:#2a3138!important;border-radius:10px!important;padding:6px 10px!important;margin-bottom:12px!important;}
#active-chatters .d-flex.justify-content-between{display:flex!important;align-items:center!important;justify-content:space-between!important;}
#active-chatters .ucount{display:inline-block;min-width:22px;height:22px;line-height:22px;padding:0 7px;margin-inline-start:6px;background:#ff2d55;color:#fff;font-weight:700;border-radius:999px;text-align:center;font-size:13px;}
#active-chatters a{display:inline-block;padding:2px 10px;font-weight:700;color:#fff!important;text-decoration:none!important;background:#3a424c;border-radius:10px;}
#active_container{max-height:370px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;border-radius:12px!important;background:rgba(255,255,255,0.06)!important;backdrop-filter:blur(6px);-webkit-overflow-scrolling:touch;}
#active_container > div.d-flex{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;padding:5px 5px!important;background:#f1f2f4!important;border-radius:12px!important;min-height:64px!important;margin-bottom:2px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);}
#active_container > div.d-flex > div:first-child{width:48px!important;height:48px!important;border-radius:50%!important;flex:0 0 48px!important;background-size:cover!important;background-position:center!important;margin-inline-end:10px!important;}
#active_container > div.d-flex > .flex-grow-1{flex:1 1 auto!important;text-align:center!important;color:#24262b!important;font-weight:800!important;font-size:16px!important;padding:0 6px!important;}
#active_container .flex-grow-1 .list_mood{margin:4px 0 0!important;font-size:12px!important;color:#6b6f75!important;}
#active_container > div.d-flex > .d-flex{min-width:48px!important;gap:6px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin-inline-start:10px!important;}
#hanin_endbar.hb2{background:var(--hb2-bg);color:var(--hb2-fg);border-top:0;padding:14px 0 18px;position:relative;box-shadow:0 -8px 24px rgba(0,0,0,.35) inset;}
#hanin_endbar.hb2::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--hb2-accent),#7c4dff 40%,#06b6d4 100%);opacity:.18;}
#hanin_endbar .hb2__title{font-weight:800;color:#fff;margin:0 0 6px;}
#hanin_endbar .hb2__about{color:var(--hb2-fg);opacity:.9;line-height:1.8;margin-bottom:10px;}
#hanin_endbar .hb2__links{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;row-gap:6px;color:var(--hb2-muted);}
#hanin_endbar .hb2__links li{display:inline-flex;align-items:center;}
#hanin_endbar .hb2__links li + li::before{content:"•";color:#5f6a7e;opacity:.6;margin:0 8px;}
#hanin_endbar .hb2__links a{color:var(--hb2-muted);text-decoration:none;line-height:1.9;transition:color .15s ease,text-underline-offset .15s ease;text-underline-offset:4px;text-decoration-thickness:2px;}
#hanin_endbar .hb2__links a:hover{color:#fff;text-decoration:underline;}
#hanin_endbar .hb2__apps{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
#hanin_endbar .app-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#1b2230;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;}
#hanin_endbar .app-badge svg{width:18px;height:18px;}
#hanin_endbar .app-badge__small{font-size:10px;color:#c2cbe0;display:block;line-height:1.1;}
#hanin_endbar .app-badge__big{font-size:12px;color:#fff;display:block;font-weight:800;}
#hanin_endbar .hb2__copy{text-align:center;color:#9fb0c7;margin-top:10px;font-size:.95rem;}
.home-faq--compact{width:90%;margin:22px auto 16px;padding:9px 10px;border-radius:12px;background:#11151d;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 14px rgba(0,0,0,.45);color:#e5ecff;}
.home-faq__head{margin-bottom:8px;}
.home-faq__title{margin:0 0 4px;font-size:.96rem;line-height:1.6;font-weight:800;color:#fff;}
.home-faq__intro{margin:0;color:#c9d2e4;font-size:.8rem;line-height:1.75;}
.home-faq__visible{display:grid;gap:6px;margin-top:8px;}
.home-faq__card{padding:8px 9px;border-radius:10px;background:#0d1118;border:1px solid rgba(255,255,255,.05);}
.home-faq__q{margin:0 0 4px;font-size:.83rem;line-height:1.7;font-weight:800;color:#fff;}
.home-faq__item{margin-top:6px;border-radius:10px;background:#0d1118;border:1px solid rgba(255,255,255,.05);overflow:hidden;}
.home-faq__item[open]{background:rgba(207,86,124,.08);border-color:rgba(207,86,124,.22);}
.home-faq__item summary{list-style:none;cursor:pointer;padding:9px 36px 9px 10px;color:#f2f6ff;font-size:.82rem;font-weight:700;line-height:1.7;position:relative;}
.home-faq__item summary::-webkit-details-marker{display:none;}
.home-faq__item summary::before{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#f8d7e6;font-weight:800;font-size:.85rem;}
.home-faq__item[open] summary::before{content:"−";}
.home-faq__answer{padding:0 10px 10px;color:#d8e0ec;}
.home-faq__answer p{margin:0 0 6px;font-size:.79rem;line-height:1.8;}
.home-faq__answer p:last-child{margin-bottom:0;}
.home-faq__answer a,.home-faq__all{color:#ffb9d3;text-decoration:none;}
.home-faq__answer a:hover,.home-faq__all:hover{text-decoration:underline;}
.home-faq__footer{margin-top:8px;text-align:center;}
.home-faq__all{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#151820;font-size:.78rem;font-weight:700;}
.home-seo-copy{width:90%;margin:0 auto 18px;padding:14px 12px;border-radius:14px;background:linear-gradient(180deg,#0f131a 0%,#0b0e14 100%);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.42);color:#e4ebf7;}
.home-seo-copy__head{margin-bottom:10px;}
.home-seo-copy__title{margin:0 0 5px;font-size:.98rem;line-height:1.7;font-weight:800;color:#fff;}
.home-seo-copy__intro{margin:0;color:#cad4e7;font-size:.81rem;line-height:1.9;}
.home-seo-copy__body{display:grid;gap:8px;}
.home-seo-copy__body p{margin:0;font-size:.8rem;line-height:1.95;color:#d9e2ef;}
.home-seo-copy__body strong{color:#fff;}
.home-seo-copy__links{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.home-seo-copy__links-title{margin:0 0 6px;font-size:.8rem;font-weight:800;color:#fff;}
.home-seo-copy__grid{display:flex;flex-wrap:wrap;gap:6px;}
.home-seo-copy__grid a{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#151b25;border:1px solid rgba(255,255,255,.08);color:#ffb9d3;text-decoration:none;font-size:.77rem;font-weight:700;line-height:1.4;}
.home-seo-copy__grid a:hover{color:#fff;background:rgba(207,86,124,.18);border-color:rgba(207,86,124,.36);}
#active_container > div.d-flex{direction:rtl!important;flex-direction:row!important;}
#active_container > div.d-flex > div:first-child{margin-right:0!important;margin-left:10px!important;}
#active_container > div.d-flex > .d-flex{margin-left:0!important;margin-right:10px!important;justify-content:flex-start!important;}
#hanin_endbar{margin-top:24px;}
#active-chatters{margin-bottom:12px;}
.site-nav{list-style:none;margin:0;padding:8px 10px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0;row-gap:6px;max-width:100%;}
.site-nav li{display:inline-flex;align-items:center;}
.site-nav li + li::before{content:"•";color:#5f6a7e;opacity:.6;margin:0 8px;}
.site-nav a{display:inline-block;padding:6px 10px;text-decoration:none;color:var(--hb2-muted,#a6afbe);font-weight:700;line-height:1.2;border-radius:8px;transition:color .15s ease,background-color .15s ease,text-underline-offset .15s ease;text-underline-offset:4px;text-decoration-thickness:2px;}
.site-nav a:hover{color:#fff;background:rgba(255,255,255,.06);text-decoration:underline;}
.site-nav a.active{color:#fff;background:rgba(207,86,124,.18);text-decoration:none;}
#hanin_endbar,#hanin_endbar .container{max-width:100%;overflow-x:hidden;}
.chat-box{margin-bottom:0!important;}
main,.hero,.tab-content{padding-bottom:0!important;}
.top-site-nav{position:relative;width:100%;margin:8px 0;background:#1f1f1f;border-radius:10px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.site-nav{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;list-style:none;margin:0;padding:8px 10px;gap:0;row-gap:0;max-width:100%;min-width:0;scrollbar-gutter:stable both-edges;}
.site-nav > li{flex:0 0 auto;display:inline-flex;align-items:center;}
.site-nav a{white-space:nowrap;display:inline-block;padding:8px 10px;text-decoration:none;color:var(--hb2-muted,#a6afbe);font-weight:700;line-height:1.2;border-radius:8px;transition:color .15s,background-color .15s,text-underline-offset .15s;text-underline-offset:4px;text-decoration-thickness:2px;}
.site-nav a:hover{color:#fff;background:rgba(255,255,255,.06);text-decoration:underline;}
.site-nav a.active{color:#fff;background:rgba(207,86,124,.18);text-decoration:none;}
.site-nav li + li::before{content:"•";color:#5f6a7e;opacity:.6;margin:0 8px;}
.pwd-wrap{position:relative;}
.pwd-wrap .pwd-toggle{position:absolute!important;left:8px!important;right:auto!important;inset-inline-end:auto!important;top:50%;transform:translateY(-50%);padding:4px 8px;font-size:12px;background:#2a2a2a;color:#fff;border:0;border-radius:6px;cursor:pointer;z-index:2;}
.pwd-wrap input[type="password"],.pwd-wrap input#user_password,.pwd-wrap input#reg_password{padding-left:44px!important;}
.pwd-tools{display:flex;align-items:center;gap:10px;margin:8px 0 6px;color:#cfd8dc;}
.pwd-tools .btn-mini{border:1px solid rgba(255,255,255,.12);background:#1f1f1f;color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;}
.pwd-tools label{display:inline-flex;align-items:center;gap:6px;font-size:13px;}
.pwd-meter{margin:6px 0 2px;}
.pwd-meter .bar{display:block;height:6px;width:100%;border-radius:999px;background:linear-gradient(90deg,#6b7280 0%,#6b7280 0%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
.pwd-meter .txt{display:block;margin-top:6px;font-size:12px;color:#cfd8dc;}
.pwd-meter.w1 .bar{background:linear-gradient(90deg,#ef4444 60%,#6b7280 60%);}
.pwd-meter.w2 .bar{background:linear-gradient(90deg,#f59e0b 60%,#6b7280 60%);}
.pwd-meter.w3 .bar{background:linear-gradient(90deg,#10b981 80%,#6b7280 20%);}
.pwd-meter.w4 .bar{background:linear-gradient(90deg,#22c55e 100%,#22c55e 0%);}
.miiz-blog-widget{margin:16px 0 4px;padding:8px 8px 4px;border-radius:12px;background:#050608;border:1px solid rgba(255,255,255,.05);box-shadow:0 3px 10px rgba(0,0,0,.35);}
.miiz-blog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap;}
.miiz-blog-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.miiz-blog-title-main{font-size:13px;font-weight:700;color:#e5ecff;}
.miiz-blog-kicker{font-size:11px;font-weight:800;letter-spacing:.02em;color:#ffcadc;text-align:center;width:100%;}
.miiz-blog-link-all,.miiz-blog-link-follow{font-size:12px;padding:4px 10px;border-radius:999px;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,.12);}
.miiz-blog-link-all{background:#151820;color:#cbd5f5;}
.miiz-blog-link-all:hover{background:#cf567c;color:#fff;border-color:#cf567c;}
.miiz-blog-link-follow{background:transparent;color:#f9fafb;border-style:dashed;opacity:.9;}
.miiz-blog-link-follow:hover{background:#0f172a;color:#fff;border-color:#cf567c;opacity:1;}
.miiz-blog-row{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:#cf567c #050608;}
.miiz-blog-row::-webkit-scrollbar{height:7px;}
.miiz-blog-row::-webkit-scrollbar-track{background:#050608;}
.miiz-blog-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#cf567c,#7c4dff);border-radius:999px;}
.miiz-blog-card{flex:0 0 220px;max-width:220px;background:#11151d;border-radius:12px;padding:8px 9px;text-decoration:none;color:#e5ecff;border:1px solid rgba(255,255,255,.06);box-shadow:0 3px 10px rgba(0,0,0,.35);display:flex;flex-direction:column;min-height:84px;}
.miiz-blog-card:hover{border-color:#cf567c;box-shadow:0 0 0 1px rgba(207,86,124,.55),0 4px 22px rgba(0,0,0,.6);}
.miiz-blog-date{align-self:flex-start;font-size:10px;padding:2px 7px;border-radius:999px;background:#050608;color:#c7d2fe;margin-bottom:4px;}
.miiz-blog-card-title{font-size:12px;font-weight:700;line-height:1.65;margin-bottom:3px;white-space:normal;overflow:visible;}
.miiz-blog-card-text{font-size:11px;color:#d1d5db;margin-top:1px;max-height:calc(1.6em * 2);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nav-tabs.fl.tabs-rtl{float:none!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;}
.tab-content.fl{float:none!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;}
.hb2__social{display:flex;gap:0.4rem;margin-top:0.6rem;padding:0;list-style:none;}
.hb2__social-link{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;font-size:16px;text-decoration:none;color:#fff;background:#444;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
.hb2__social-link:hover{transform:translateY(-1px);box-shadow:0 0 8px rgba(0,0,0,0.3);}
.hb2__social-link--tiktok{background:#000000;}
.hb2__social-link--facebook{background:#1877f2;}
.hb2__social-link--x{background:#111111;}
#login_select_gender{text-align:center;text-align-last:center;}
#login_select_gender option{text-align:center;}
input,select,textarea{font-size:16px!important;scroll-margin-top:24px;scroll-margin-bottom:calc(var(--kb-offset) + 140px);}
:where(section,article,nav,aside) h1,h1{font-size:2em;margin:.67em 0;}
@media (max-width:540px){.top-site-nav{border-radius:8px;}.site-nav > li{flex:0 0 auto;}.site-nav a{white-space:nowrap;padding:8px 10px;}.site-nav::-webkit-scrollbar{height:6px;}.site-nav::-webkit-scrollbar-thumb{background:#2a3138;border-radius:6px;}}
@media (max-width:480px){.chat-box{width:100%;}.hero-seo-details{max-width:98%;}.hero-seo-head{gap:5px;}.hero-seo-title{font-size:.72rem!important;line-height:1.24;padding:0;}.hero-seo-toggle{width:22px;height:22px;flex-basis:22px;}.hero-seo-toggle::before{font-size:.64rem;}.hero-seo-details__body{max-width:94%;padding:7px 10px 8px;}.hero-seo-details__title{font-size:.78rem;}.hero-seo-details__body p{font-size:.76rem;line-height:1.75;}.hero-seo-details__meta{font-size:.69rem!important;line-height:1.7!important;}.tabs-rtl li a{font-size:14px;padding:8px 0;}#hanin_endbar .hb2__links a{font-size:.95rem;}.home-faq--compact,.home-seo-copy{width:92%;padding:8px 9px;}.home-faq__title,.home-seo-copy__title{font-size:.9rem;}.home-faq__intro,.home-faq__answer p,.home-faq__item summary,.home-faq__q,.home-seo-copy__intro,.home-seo-copy__body p{font-size:.77rem;}.miiz-blog-card{flex:0 0 220px;}.miiz-blog-card-title{font-size:12px;}.miiz-blog-card-text{font-size:11px;}}