:root{--xccl-blue:#0a2340;--xccl-red:#ff3939;--xccl-gold:#ffd43b}
html:has(.xccl-login-shell),body:has(.xccl-login-shell){margin:0!important;overflow:hidden!important}
.xccl-login-shell{
    --xccl-bg:none;
    position:fixed;
    inset:0;
    z-index:999999;
    width:100vw;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    margin:0!important;
    padding:clamp(20px,5vh,70px) 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:auto;
    border-radius:0;
    background:
      linear-gradient(rgba(3,27,52,.86),rgba(3,27,52,.94)),
      var(--xccl-bg),
      radial-gradient(circle at 18% 18%,#22476b 0,#0b2a49 24%,#061d35 60%,#04182c 100%);
    background-color:#123f70;
    background-size:100% 100%,cover,cover;
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:center,center,center;
    box-sizing:border-box;
}
.xccl-card{
    width:100%;
    max-width:470px;
    background:#fff;
    border-radius:12px;
    padding:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.32);
    font-family:Arial,sans-serif;
}
.xccl-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:22px}
.xccl-company{font-size:24px;color:#ff3333}
.xccl-topline a,.xccl-small{font-size:12px;color:#0861c7;text-decoration:none}
.xccl-logo{display:block;max-width:150px;max-height:85px;margin:0 auto 12px}
.xccl-card h2,.xccl-register-card h2{text-align:center;color:#0453bd;font-size:18px;margin:0 0 20px}
.xccl-form input[type=text],.xccl-form input[type=email],.xccl-form input[type=password],.xccl-form textarea{
    width:100%;box-sizing:border-box;border:0;border-radius:2px;background:#fff7b8;padding:14px;margin:8px 0;font-size:14px
}
.xccl-form textarea{min-height:100px}
.xccl-small{display:block;margin:0 0 12px}
.xccl-remember{display:block;font-size:12px;margin:8px 0 14px}
.xccl-primary,.xccl-secondary{
    display:block;width:100%;box-sizing:border-box;border:0;border-radius:2px;padding:14px;text-align:center;text-decoration:none;font-weight:800;cursor:pointer
}
.xccl-primary{background:#ff3b37;color:#fff}
.xccl-secondary{background:#113d62;color:#fff;margin-top:9px}
.xccl-copyright{text-align:center;font-size:11px;font-weight:700;margin-top:20px}
.xccl-error,.xccl-success,.xccl-message{padding:12px;border-radius:6px;margin:12px 0}
.xccl-error{background:#ffe5e5;color:#971515}
.xccl-success{background:#e9f8e9;color:#166b16}
.xccl-register-card{max-width:650px;margin:35px auto;background:#fff;padding:28px;border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.xccl-toolbar{display:flex;justify-content:space-between;align-items:center;background:#0b2a49;color:#fff;padding:14px 18px;border-radius:10px;margin-bottom:14px}
.xccl-toolbar a{color:#fff}
@media(max-width:600px){
  .xccl-login-shell{width:100vw;height:100vh;height:100dvh;min-height:100vh;padding:16px 14px;border-radius:0}
  .xccl-card{padding:20px}
}