/* CustomeZ sign-in / responsive, isolated from dashboard and admin styles. */
body.login-page{
  min-width:0!important;width:100%!important;
  min-height:100vh;min-height:100dvh;padding:0 18px 24px!important;
  color:#eef3f8;background:#090e13;overflow-x:hidden;
}
body.login-page .container{width:100%!important;max-width:100%!important}
body.login-page footer{min-width:0!important;width:100%!important;position:relative!important}
body.login-page:before{
  background:
    radial-gradient(ellipse 470px 285px at 50% -15%,rgba(215,64,55,.19),transparent 85%),
    radial-gradient(ellipse 560px 410px at 2% 80%,rgba(32,76,94,.14),transparent 80%),
    linear-gradient(146deg,#0f161d 0%,#0a0d11 52%,#10151c 100%);
}
body.login-page::after{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(145,169,183,.10) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(145,169,183,.10) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);
  mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);
}
body.login-page .login-shell{
  position:relative;width:min(100%,560px);max-width:560px;
  margin:0 auto;padding:clamp(36px,8vh,82px) 0 0;
  display:flex;align-items:center;flex-direction:column;min-height:0;
}
body.login-page .login-shell::before{
  content:"";position:absolute;top:clamp(35px,7vh,70px);left:50%;
  width:260px;height:80px;transform:translateX(-50%);
  border-radius:100%;background:rgba(212,47,42,.12);filter:blur(47px);pointer-events:none
}
body.login-page .brand.login-brand{
  position:relative;display:flex;flex-direction:column;gap:14px;
  justify-content:center;align-items:center;width:auto;max-width:100%;
  padding:0;margin:0 auto 34px;text-decoration:none!important;
  background:none!important;cursor:default;user-select:none;
}
body.login-page .login-brand .brand-symbol{
  width:61px;height:66px;filter:drop-shadow(0 7px 17px rgba(233,65,52,.20));
  background:linear-gradient(148deg,#ec5349,#a12c31 72%,#6b2730);
}
body.login-page .login-brand .brand-symbol-inner{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:21px;letter-spacing:-.7px;
  border-color:rgba(255,255,255,.7);font-weight:950;line-height:1;
}
body.login-page .login-brand-copy{text-align:center;max-width:100%}
body.login-page .login-brand-copy strong{
  color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:clamp(29px,5vw,37px);line-height:1;font-weight:950;letter-spacing:-.9px;
  text-shadow:0 3px 24px rgba(0,0,0,.37)
}
body.login-page .login-brand-copy strong span{color:#f3564d}
body.login-page .login-brand-copy small{
  display:block;margin-top:8px;color:#a8b5c0;font-family:"Segoe UI",Tahoma,sans-serif;
  font-size:10px;letter-spacing:3.2px;font-weight:850;
}
body.login-page .cz-auth-panel{
  position:relative;width:100%;overflow:hidden;background:
  linear-gradient(145deg,rgba(29,39,49,.98),rgba(16,24,32,.99));
  border:1px solid #384955;border-radius:21px;box-shadow:
  0 30px 75px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.02) inset;
}
body.login-page .cz-auth-topline{
  height:3px;background:linear-gradient(90deg,transparent 4%,#9e3940 22%,#f06b5b 50%,#9e3940 78%,transparent 96%)
}
body.login-page .cz-auth-heading{
  position:relative;text-align:center;padding:28px 26px 22px;
  border-bottom:1px solid #354651;
  background:radial-gradient(ellipse 65% 140% at 50% -45%,rgba(235,81,74,.19),transparent 85%)
}
body.login-page .cz-auth-kicker{
  display:inline-flex;align-items:center;gap:8px;color:#eda692;
  font-size:10px;letter-spacing:1.7px;font-weight:900
}
body.login-page .cz-auth-online-dot{
  width:7px;height:7px;border-radius:50%;background:#86dbb0;
  box-shadow:0 0 12px rgba(134,219,176,.75)
}
body.login-page .cz-auth-heading h1{
  margin:12px auto 8px;color:#fff;font-family:"Segoe UI",Tahoma,sans-serif;
  font-size:clamp(22px,4vw,28px);font-weight:900;letter-spacing:-.2px;line-height:1.27
}
body.login-page .cz-auth-heading p{
  max-width:420px;margin:0 auto;color:#a7bbcb;font-size:12px;line-height:1.6
}
body.login-page .cz-auth-content{padding:28px clamp(20px,6vw,49px) 29px}
body.login-page .cz-auth-alert{
  display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:17px;
  border:1px solid #945052;border-radius:9px;color:#ffd7d0;background:#4b2a30;
  font-size:12px;line-height:1.55
}
body.login-page .cz-auth-alert i{color:#ff9c8d;font-size:16px;flex:none}
body.login-page .cz-auth-field{margin:0 0 20px}
body.login-page .cz-auth-field label{
  display:block;text-align:center;font-family:"Segoe UI",Tahoma,sans-serif;
  color:#d9e3eb;font-size:12px;font-weight:800;letter-spacing:.1px;
  margin:0 0 10px;line-height:1.45
}
body.login-page .cz-auth-control{
  position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;
}
body.login-page .cz-auth-control .cz-auth-lefticon{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  color:#92a8b9;font-size:15px;z-index:2;pointer-events:none;
  transition:color .2s ease
}
body.login-page .cz-auth-control:focus-within .cz-auth-lefticon{color:#f0ab96}
body.login-page .cz-auth-control input{
  box-sizing:border-box;display:block;width:100%;height:53px;min-width:0;max-width:100%;
  text-align:center;direction:ltr;text-align-last:center;padding:0 51px!important;
  border:1px solid #496071!important;border-radius:11px!important;
  color:#f7fbfd!important;background:rgba(8,18,27,.86)!important;
  box-shadow:0 0 0 0 rgba(239,106,91,0);
  font:650 15px/1.3 "Segoe UI",Tahoma,sans-serif;letter-spacing:.25px;
  outline:none;transform:scaleX(1);transform-origin:center center;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .24s,background .2s;
  caret-color:#ffb5a6;
}
body.login-page .cz-auth-control input:focus{
  outline:none!important;transform:scaleX(1.037);
  border-color:#ec8575!important;
  box-shadow:0 0 0 3px rgba(236,107,90,.12),0 8px 22px rgba(0,0,0,.18);
  background:#111e2a!important;
}
body.login-page .cz-auth-control input:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 100px #152634 inset!important;
}
body.login-page .cz-auth-control input::-ms-reveal,
body.login-page .cz-auth-control input::-ms-clear{display:none}
body.login-page .cz-auth-eye{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  z-index:2;width:38px;height:38px;border:none;background:transparent;color:#adbfcc;
  display:grid;place-items:center;border-radius:9px;font-size:15px;
}
body.login-page .cz-auth-eye:hover,body.login-page .cz-auth-eye:focus-visible{
  background:rgba(255,255,255,.06);color:#fff;outline:none;
}
body.login-page .cz-auth-submit{
  position:relative;display:flex;justify-content:center;align-items:center;gap:14px;
  width:100%;height:53px;margin:9px auto 0;padding:0 19px;
  border:1px solid #f57567;border-radius:11px;color:#fff;
  font-size:14px;font-weight:900;font-family:"Segoe UI",Tahoma,sans-serif;
  background:linear-gradient(108deg,#b93235 0%,#eb5146 52%,#c33735 100%);
  box-shadow:0 8px 22px rgba(153,38,39,.24);
  transition:transform .17s,filter .17s,box-shadow .17s;
}
body.login-page .cz-auth-submit i{font-size:12px;transition:transform .17s ease}
body.login-page .cz-auth-submit:hover{
  filter:brightness(1.1);box-shadow:0 10px 26px rgba(200,54,45,.32);
  transform:translateY(-2px)
}
body.login-page .cz-auth-submit:hover i{transform:translateX(4px)}
body.login-page .cz-auth-submit:active{transform:translateY(0)}
body.login-page .cz-auth-submit:disabled{opacity:.8;cursor:wait;transform:none}
body.login-page .cz-auth-hint{
  margin:22px 0 0;padding-top:17px;border-top:1px solid #32424e;
  display:flex;justify-content:center;align-items:center;gap:9px;text-align:center;
  color:#9eb3c0;font-size:11px;line-height:1.5;
}
body.login-page .cz-auth-hint i{color:#d5a38d}
body.login-page footer{margin:25px auto 0;opacity:.75}
@media(max-width:600px){
 body.login-page{padding:0 15px 18px!important}
 body.login-page .login-shell{padding-top:clamp(33px,8vh,70px)}
 body.login-page .brand.login-brand{margin-bottom:27px}
 body.login-page .cz-auth-heading{padding:24px 17px 20px}
 body.login-page .cz-auth-content{padding:22px 20px 23px}
 body.login-page .cz-auth-control input{height:51px;font-size:15px}
 body.login-page .cz-auth-control input:focus{transform:scaleX(1.025)}
 body.login-page .cz-auth-submit{height:51px}
}
@media(max-width:355px){
 body.login-page{padding:0 11px 18px!important}
 body.login-page .cz-auth-content{padding:19px 14px 20px}
 body.login-page .cz-auth-heading p{font-size:11px}
 body.login-page .cz-auth-hint{font-size:10px}
 body.login-page .cz-auth-control input:focus{transform:scaleX(1.012)}
}
@media(prefers-reduced-motion:reduce){
 body.login-page .cz-auth-control input,body.login-page .cz-auth-submit,body.login-page .cz-auth-submit i{transition:none!important}
}