/* HB giriş / kayıt sayfası (2026-09) */
html body.hbh #logreCont{min-height:100vh;padding:34px 16px 48px!important;justify-content:center;background:transparent}
html body.hbh #logreCont .log-logo{margin:0 0 22px!important;display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:1000px}
html body.hbh #logreCont .log-logo img{height:34px!important;width:auto!important}
html body.hbh #logreCont .hbl-back{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#6b7280!important;text-decoration:none;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(31,17,51,.4);transition:color .15s,transform .15s}
html body.hbh #logreCont .hbl-back:hover{color:#e3263d!important;transform:translateY(-50%) translateX(-2px)}
html body.hbh #logreCont .hbl-back svg{width:16px;height:16px}

html body.hbh #logreCont .logreArea{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:1000px!important;background:#fff!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 40px 80px -40px rgba(31,17,51,.45),0 0 0 1px rgba(31,17,51,.04)!important;padding:0!important;min-height:600px}
html body.hbh #logreCont .login-area{width:auto!important;padding:44px 48px 36px!important;display:flex;flex-direction:column}

/* başlık */
html body.hbh #logreCont .logHead{margin:0 0 22px!important;text-align:left}
html body.hbh #logreCont .hbl-kk{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e3263d;background:#fff;border:1.5px solid #fbd3d8;border-radius:999px;padding:5px 11px;margin-bottom:12px}
html body.hbh #logreCont .logHead h1{font-size:28px!important;font-weight:800!important;color:#1f1733!important;margin:0 0 6px!important;line-height:1.2!important;display:block}
html body.hbh #logreCont .logHead h1 i{display:none!important}
html body.hbh #logreCont .logHead h1 em{font-style:normal;color:#e3263d}
html body.hbh #logreCont .logHead p{font-size:14.5px!important;color:#6b7280!important;margin:0!important}

/* sekmeler: banka uygulaması tarzı */
html body.hbh #logreCont .tabHead{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;background:#f3f4f7!important;border-radius:16px!important;padding:5px!important;margin-bottom:20px!important;border:0!important}
html body.hbh #logreCont .tabHead .item{border-radius:12px!important;padding:11px 8px!important;font-size:14px!important;font-weight:700!important;color:#6b7280!important;background:transparent!important;text-align:center;cursor:pointer;transition:all .18s;box-shadow:none!important;border:0!important}
html body.hbh #logreCont .tabHead .item.active{background:#fff!important;color:#e3263d!important;box-shadow:0 6px 16px -8px rgba(31,17,51,.35)!important}

/* alanlar */
html body.hbh #logreCont .loreBox .body{display:flex;flex-direction:column;gap:12px}
html body.hbh #logreCont .form-floating{margin:0!important;position:relative}
html body.hbh #logreCont .form-floating .form-control{height:54px!important;min-height:54px!important;border-radius:14px!important;border:1.5px solid #e7e8ee!important;background:#fafafc!important;font-size:15px!important;color:#1f1733!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s}
html body.hbh #logreCont .form-floating.fc-icon .form-control{padding-left:62px!important}
html body.hbh #logreCont .form-floating .form-control:focus{border-color:#e84255!important;background:#fff!important;box-shadow:0 0 0 4px rgba(232,66,85,.12)!important}
html body.hbh #logreCont .form-floating label{color:#9ca3af!important;font-size:14px!important}
html body.hbh #logreCont .form-floating.fc-icon label{padding-left:62px!important}
html body.hbh #logreCont .form-floating .icon{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;bottom:auto!important;right:auto!important;padding:0!important;box-sizing:border-box!important;border-radius:11px!important;background:#fdecee!important;display:grid!important;place-items:center!important;border:0!important;z-index:3}
html body.hbh #logreCont .form-floating .icon i{color:#e84255!important;font-size:18px!important}

/* butonlar */
html body.hbh #logreCont .loreBox .bottom{margin-top:16px!important}
html body.hbh #logreCont .butto-success,html body.hbh #logreCont .loreBox .butto,html body.hbh #logreCont .forgot-content .butto-primary{height:54px!important;border-radius:14px!important;border:0!important;background:linear-gradient(135deg,#ff5a6e,#e3263d)!important;color:#fff!important;font-size:15.5px!important;font-weight:800!important;box-shadow:0 14px 26px -14px rgba(227,38,61,.9)!important;transition:transform .15s,box-shadow .15s!important;width:100%}
html body.hbh #logreCont .butto-success:hover,html body.hbh #logreCont .loreBox .butto:hover{transform:translateY(-1px);box-shadow:0 18px 30px -14px rgba(227,38,61,.95)!important}
html body.hbh #logreCont .logreBottom{margin-top:12px!important;text-align:center}
html body.hbh #logreCont .butto-forgotPass{background:none!important;border:0!important;box-shadow:none!important;color:#6b7280!important;font-size:13.5px!important;font-weight:700!important;padding:6px 10px!important;height:auto!important;width:auto!important}
html body.hbh #logreCont .butto-forgotPass:hover{color:#e3263d!important}

/* alt güven satırı */
html body.hbh #logreCont .hbl-trust{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #eceef3;font-size:12.5px;color:#6b7280}
html body.hbh #logreCont .hbl-trust span{display:inline-flex;align-items:center;gap:6px}
html body.hbh #logreCont .hbl-trust svg{width:15px;height:15px;color:#16a34a}
html body.hbh #logreCont .hbl-trust a{color:#16a34a!important;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
html body.hbh #logreCont .hbl-trust a:hover{text-decoration:underline}

/* sağ panel */
html body.hbh #logreCont .side{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:none!important;background:none!important;display:block!important}
html body.hbh #logreCont .well-area{position:relative!important;overflow:hidden!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;border-radius:0!important;background:radial-gradient(420px 320px at 85% 20%,rgba(232,66,85,.55),transparent 65%),radial-gradient(380px 300px at 10% 95%,rgba(124,58,237,.45),transparent 65%),linear-gradient(160deg,#241238,#140b24)!important}
html body.hbh #logreCont .side > img.well-girl{display:none!important}
html body.hbh #logreCont .hbl-side{position:absolute;inset:0;padding:40px 40px 0;display:flex;flex-direction:column;color:#fff}
html body.hbh #logreCont .hbl-rate{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px;color:#fde68a}
html body.hbh #logreCont .hbl-side h2{font-size:26px;font-weight:800;line-height:1.25;margin:16px 0 14px;color:#fff}
html body.hbh #logreCont .hbl-side h2 em{font-style:normal;background:linear-gradient(90deg,#ffb84d,#ff5a6e);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.hbh #logreCont .hbl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;position:relative;z-index:2}
html body.hbh #logreCont .hbl-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.88)}
html body.hbh #logreCont .hbl-list i{width:24px;height:24px;border-radius:8px;background:rgba(52,211,153,.16);display:grid;place-items:center;flex:none}
html body.hbh #logreCont .hbl-list i svg{width:14px;height:14px;color:#34d399}
html body.hbh #logreCont .hbl-fig{position:absolute;right:6px;bottom:0;height:352px;width:auto;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35));pointer-events:none}
html body.hbh #logreCont .hbl-glow{position:absolute;right:30px;bottom:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,110,.45),transparent 70%);z-index:0}
html body.hbh #logreCont .hbl-bub{position:absolute;left:32px;bottom:120px;max-width:200px;line-height:1.35;z-index:3;background:#fff;color:#1f1733;font-size:13.5px;font-weight:800;padding:10px 14px;border-radius:16px 16px 4px 16px;border:2px solid #e84255;box-shadow:0 14px 26px -14px rgba(0,0,0,.5);white-space:normal}

/* tablet */
@media(max-width:991px){
 html body.hbh #logreCont .logreArea{grid-template-columns:1fr!important;max-width:520px!important;min-height:0}
 html body.hbh #logreCont .well-area{order:-1;height:170px!important;min-height:170px!important;display:block!important}
 html body.hbh #logreCont .hbl-side{padding:22px 24px 0}
 html body.hbh #logreCont .hbl-side h2{font-size:20px;margin:10px 0 0;max-width:62%}
 html body.hbh #logreCont .hbl-list,html body.hbh #logreCont .hbl-bub{display:none}
 html body.hbh #logreCont .hbl-fig{height:168px;right:10px}
 html body.hbh #logreCont .hbl-glow{width:200px;height:200px;right:0;bottom:-70px}
 html body.hbh #logreCont .login-area{padding:28px 24px 24px!important}
 html body.hbh #logreCont .log-logo{max-width:520px}
}
@media(max-width:480px){
 html body.hbh #logreCont{padding:18px 12px 32px!important}
 html body.hbh #logreCont .log-logo img{height:28px!important}
 html body.hbh #logreCont .hbl-back span{display:none}
 html body.hbh #logreCont .logreArea{border-radius:22px!important}
 html body.hbh #logreCont .well-area{height:150px!important;min-height:150px!important}
 html body.hbh #logreCont .hbl-side h2{font-size:18px;max-width:58%}
 html body.hbh #logreCont .hbl-fig{height:148px}
 html body.hbh #logreCont .logHead h1{font-size:23px!important}
 html body.hbh #logreCont .hbl-trust{justify-content:center;text-align:center}
}

html body.hbh #logreCont .iti{width:100%!important;display:block!important}
html body.hbh #logreCont .iti .form-control{border-width:1.5px!important;padding-left:92px!important}
html body.hbh #logreCont .iti .iti__flag-container{padding:9px 0 9px 10px!important}
html body.hbh #logreCont .iti .iti__selected-flag{background:#fdecee!important;border-radius:11px!important;height:36px!important;padding:0 10px!important;color:#e84255!important;font-weight:700!important;font-size:14px!important}

html body.hbh #logreCont .form-control:-webkit-autofill,html body.hbh #logreCont .form-control:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fafafc inset!important;-webkit-text-fill-color:#1f1733!important}
html body.hbh #logreCont .form-control:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset,0 0 0 4px rgba(232,66,85,.12)!important}

html body.hbh #logreCont .form-floating.fc-icon .iti .form-control{padding-left:96px!important}