:root{--bl-navy:#082f3b;--bl-teal:#087989;--bl-orange:#f15a24;--bl-muted:#6b7d86;--bl-line:#dfe7ea}
html.belisoft-login-page body{background:#f7f9fa}
.belisoft-login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);max-width:1080px;margin:48px auto 70px;border:1px solid var(--bl-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 48px rgba(5,46,57,.10)}
.belisoft-login-intro{position:relative;padding:64px 58px;background:linear-gradient(135deg,#082f3b 0%,#0a5968 62%,#f15a24 160%);color:#fff;overflow:hidden}
.belisoft-login-intro:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-120px;bottom:-100px;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}
.belisoft-login-eyebrow{display:block;margin-bottom:18px;color:#ffb69d;font-size:11px;font-weight:800;letter-spacing:.18em}
.belisoft-login-intro h1{margin:0 0 16px;color:#fff;font-size:42px;line-height:1.12}
.belisoft-login-intro>p{max-width:500px;margin:0 0 34px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65}
.belisoft-login-benefits{display:grid;gap:14px;position:relative;z-index:1}
.belisoft-login-benefits div{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.9)}
.belisoft-login-benefits span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.12);color:#ffb69d;font-weight:800}
.belisoft-login-card{padding:50px 48px;background:#fff}
.belisoft-login-card__header{display:flex;gap:15px;align-items:center;margin-bottom:30px}
.belisoft-login-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:#fff0eb;color:var(--bl-orange)}
.belisoft-login-card__icon svg{width:27px;height:27px;fill:currentColor}
.belisoft-login-card__header h2{margin:0 0 3px;color:var(--bl-navy);font-size:28px}
.belisoft-login-card__header p{margin:0;color:var(--bl-muted)}
.belisoft-login-field{margin-bottom:21px}
.belisoft-login-field label{display:block;margin-bottom:8px;color:var(--bl-navy);font-weight:700}
.belisoft-login-label-row{display:flex;justify-content:space-between;gap:15px;align-items:center}
.belisoft-login-label-row a{margin-bottom:8px;color:var(--bl-teal);font-size:13px}
.belisoft-login-input{display:flex;align-items:center;height:52px;border:1px solid #cad7dc;border-radius:12px;background:#fff;overflow:hidden;transition:.18s ease}
.belisoft-login-input:focus-within{border-color:var(--bl-teal);box-shadow:0 0 0 3px rgba(8,121,137,.12)}
.belisoft-login-input>span{display:flex;align-items:center;justify-content:center;width:48px;color:var(--bl-teal)}
.belisoft-login-input .form-control{height:50px;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px!important}
.belisoft-login-reveal{display:flex;align-items:center;justify-content:center;width:48px;height:50px;border:0;background:transparent;color:#42545d}
.belisoft-login-options{display:flex;justify-content:flex-end;margin:3px 0 22px}
.belisoft-login-remember{display:flex;align-items:center;gap:8px;color:#53656e;font-weight:500;cursor:pointer}
.belisoft-login-remember input{width:17px;height:17px;accent-color:var(--bl-orange)}
.belisoft-login-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff6b3b,#f15a24);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(241,90,36,.25);transition:.18s ease}
.belisoft-login-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(241,90,36,.32)}
.belisoft-login-register{display:flex;justify-content:center;gap:6px;margin-top:25px;padding-top:22px;border-top:1px solid var(--bl-line);font-size:14px}
.belisoft-login-register span{color:#6d7e86}.belisoft-login-register a{color:var(--bl-teal);font-weight:750}
.belisoft-login-captcha{margin-bottom:18px;text-align:center}
@media(max-width:991px){.belisoft-login-shell{grid-template-columns:1fr;max-width:600px;margin:28px auto 55px}.belisoft-login-intro{padding:38px}.belisoft-login-intro h1{font-size:34px}.belisoft-login-card{padding:40px}}
@media(max-width:575px){.belisoft-login-shell{margin:16px 10px 40px;border-radius:15px}.belisoft-login-intro{padding:30px 24px}.belisoft-login-intro h1{font-size:29px}.belisoft-login-intro>p{font-size:15px}.belisoft-login-card{padding:30px 22px}.belisoft-login-card__header h2{font-size:24px}.belisoft-login-label-row{align-items:flex-end}}

/* belisoft Login Overlay Fix v1.0.1
 * Defensive styles are activated by belisoft-login-fix.js only when
 * no visible Bootstrap modal exists on the login page.
 */
html.belisoft-login-page.belisoft-login-overlay-recovered .modal-backdrop,
html.belisoft-login-page.belisoft-login-overlay-recovered body > .modal-backdrop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html.belisoft-login-page.belisoft-login-overlay-recovered body.modal-open,
html.belisoft-login-page.belisoft-login-overlay-recovered body {
    overflow: auto !important;
    padding-right: 0 !important;
}

html.belisoft-login-page .belisoft-login-shell {
    position: relative;
    z-index: 1;
}

/* Login-Seite: verwaistes WHMCS Fullpage-Overlay sicher ausblenden */
body #fullpage-overlay,
body #fullpage-overlay.w-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Fix: WHMCS fullpage overlay auf der Login-Seite ausblenden */
#fullpage-overlay,
#fullpage-overlay.w-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}