/* KROPP Roundcube login aligned to m.kropp.wf · 2026-10-05 */
html,
body.task-login {
  min-width: 0 !important;
  min-height: 100% !important;
  color-scheme: dark !important;
}

body.task-login {
  --kropp-text: #f7f9ff;
  --kropp-muted: #7d8ca5;
  --kropp-line: rgba(116,153,211,.22);

  position: relative !important;
  isolation: isolate !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 18px 24px !important;
  overflow: auto !important;

  color: var(--kropp-text) !important;
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing: antialiased !important;

  background:
    radial-gradient(46% 38% at -2% -2%,rgba(0,112,255,.62),rgba(0,69,205,.29) 34%,rgba(0,38,110,.09) 58%,transparent 76%),
    radial-gradient(46% 38% at 102% 102%,rgba(0,111,255,.70),rgba(0,63,190,.31) 34%,rgba(0,34,102,.11) 58%,transparent 76%),
    radial-gradient(28% 22% at 7% 4%,rgba(83,149,255,.20),transparent 74%),
    radial-gradient(28% 22% at 93% 96%,rgba(70,139,255,.18),transparent 74%),
    linear-gradient(145deg,#02050b 0%,#010307 52%,#02050b 100%) !important;
}

body.task-login::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 7% 11%,rgba(190,215,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 18%,rgba(89,154,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 25% 74%,rgba(198,220,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 74% 84%,rgba(83,145,255,.10) 0 1px,transparent 1.7px);
  background-size: 123px 123px,171px 171px,149px 149px,197px 197px !important;
  opacity: .56 !important;
}

body.task-login::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 50% 46%,transparent 0 50%,rgba(0,0,0,.05) 73%,rgba(0,0,0,.31) 100%) !important;
  box-shadow: inset 0 0 150px rgba(0,0,0,.40) !important;
}

body.task-login > * {
  position: relative !important;
  z-index: 2 !important;
}

body.task-login #layout {
  width: 100% !important;
  min-height: calc(100vh - 36px) !important;
  min-height: calc(100dvh - 36px) !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.task-login #layout-content {
  box-sizing: border-box !important;
  width: min(440px,100%) !important;
  max-width: 440px !important;
  min-width: 0 !important;
  margin: auto !important;
  padding: 26px 18px 24px !important;

  border: 1px solid var(--kropp-line) !important;
  border-radius: 20px !important;
  background: #09111f !important;
  color: var(--kropp-text) !important;

  box-shadow:
    0 24px 64px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.02) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-align: left !important;
}

body.task-login .kropp-logo-home-link {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body.task-login #logo {
  display: block !important;
  position: static !important;
  width: min(220px,58vw) !important;
  max-width: 220px !important;
  max-height: 100px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 16px 32px rgba(0,0,0,.58))
    drop-shadow(0 0 18px rgba(18,108,255,.22))
    drop-shadow(0 0 42px rgba(18,108,255,.08)) !important;
}

body.task-login .kropp-login-subtitle {
  margin: 0 0 16px !important;
  text-align: center !important;
  color: #8492a8 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

body.task-login #login-form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.task-login #login-form > table,
body.task-login .kropp-field-label,
body.task-login .kropp-field-icon,
body.task-login #kropp-remember-wrap,
body.task-login .kropp-login-footer,
body.task-login .footer,
body.task-login #footer,
body.task-login h1:not(.voice) {
  display: none !important;
}

body.task-login .kropp-login-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

body.task-login .kropp-field-input,
body.task-login #rcmloginuser,
body.task-login #rcmloginpwd {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 16px !important;

  border: 1px solid rgba(152,179,226,.18) !important;
  border-radius: 13px !important;
  outline: none !important;

  background:
    linear-gradient(180deg,rgba(18,29,49,.70),rgba(7,13,23,.82)) !important;
  color: var(--kropp-text) !important;
  -webkit-text-fill-color: var(--kropp-text) !important;
  caret-color: var(--kropp-text) !important;

  font: inherit !important;
  font-size: 17px !important;
  line-height: 1.2 !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.task-login .kropp-field-input::placeholder,
body.task-login #rcmloginuser::placeholder,
body.task-login #rcmloginpwd::placeholder {
  color: #60708a !important;
  opacity: 1 !important;
}

body.task-login .kropp-field-input:focus,
body.task-login #rcmloginuser:focus,
body.task-login #rcmloginpwd:focus {
  border-color: rgba(47,140,255,.95) !important;
  box-shadow:
    0 0 0 3px rgba(10,108,255,.12),
    0 0 26px rgba(10,108,255,.06) !important;
}

body.task-login .kropp-field-input:-webkit-autofill,
body.task-login .kropp-field-input:-webkit-autofill:hover,
body.task-login .kropp-field-input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--kropp-text) !important;
  caret-color: var(--kropp-text) !important;
  -webkit-box-shadow: 0 0 0 1000px #08101c inset !important;
  box-shadow: 0 0 0 1000px #08101c inset !important;
}

body.task-login #login-form .formbuttons {
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

body.task-login #rcmloginsubmit,
body.task-login .kropp-primary-button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  border: 1px solid rgba(47,140,255,.78) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,#1682ff 0%,#0868e8 100%) !important;
  color: #fff !important;

  font-size: 17px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  text-transform: none !important;

  box-shadow:
    0 12px 28px rgba(0,86,225,.18),
    inset 0 1px 0 rgba(255,255,255,.14) !important;

  cursor: pointer !important;
  transition: none !important;
  transform: none !important;
}

body.task-login #rcmloginsubmit:hover,
body.task-login #rcmloginsubmit:active,
body.task-login .kropp-primary-button:hover,
body.task-login .kropp-primary-button:active {
  background: linear-gradient(180deg,#3190ff 0%,#0b70f2 100%) !important;
  border-color: rgba(70,151,255,.90) !important;
  color: #fff !important;
  transform: none !important;
}

body.task-login .kropp-login-arrow {
  display: inline-block !important;
  margin-left: 2px !important;
  font-size: 22px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

body.task-login .boxwarning,
body.task-login .boxerror,
body.task-login .alert {
  border: 1px solid rgba(255,113,138,.24) !important;
  border-radius: 13px !important;
  background: rgba(108,24,41,.18) !important;
  color: #ff91a5 !important;
}

body.task-login a:focus-visible,
body.task-login button:focus-visible,
body.task-login input:focus-visible {
  outline: 1px solid rgba(77,146,255,.70) !important;
  outline-offset: 2px !important;
}

@media (max-width: 600px) {
  body.task-login {
    padding:
      max(12px,env(safe-area-inset-top))
      24px
      max(12px,env(safe-area-inset-bottom)) !important;
  }

  body.task-login #layout {
    min-height: calc(100dvh - 24px) !important;
  }

  body.task-login #layout-content {
    width: 100% !important;
    max-width: 440px !important;
    padding: 26px 18px 24px !important;
    border-radius: 20px !important;
  }

  body.task-login #logo {
    width: min(220px,58vw) !important;
    max-height: 100px !important;
  }
}

@media (max-height: 680px) {
  body.task-login #layout {
    place-items: center !important;
  }

  body.task-login #layout-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  body.task-login #logo {
    max-height: 78px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.task-login *,
  body.task-login *::before,
  body.task-login *::after {
    animation: none !important;
    transition: none !important;
  }
}
body.task-login .kropp-logo-home-link{min-height:100px!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important}
body.task-login #logo{margin:0 auto!important}
/* KROPP E->M 1:1 FINAL 2026-10-06 */
body.task-login{
  background:
    radial-gradient(46% 38% at -2% -2%,rgba(0,112,255,.64),rgba(0,69,205,.31) 34%,rgba(0,38,110,.10) 58%,transparent 76%),
    radial-gradient(46% 38% at 102% 102%,rgba(0,111,255,.72),rgba(0,63,190,.34) 34%,rgba(0,34,102,.12) 58%,transparent 76%),
    radial-gradient(28% 22% at 7% 4%,rgba(83,149,255,.22),transparent 74%),
    radial-gradient(28% 22% at 93% 96%,rgba(70,139,255,.20),transparent 74%),
    radial-gradient(34% 28% at 50% 52%,rgba(7,55,150,.10),transparent 76%),
    linear-gradient(145deg,#02050b 0%,#010307 52%,#02050b 100%)!important;
}
body.task-login::after{
  background:radial-gradient(circle at 50% 44%,transparent 0 24%,rgba(0,0,0,.055) 54%,rgba(0,0,0,.34) 100%)!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.38)!important;
}
body.task-login .kropp-logo-home-link{
  width:100%!important;
  max-width:100%!important;
  min-height:100px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
}
body.task-login #logo{
  width:min(220px,58vw)!important;
  max-width:220px!important;
  height:98px!important;
  max-height:98px!important;
  object-fit:contain!important;
}
body.task-login .kropp-login-subtitle{
  width:100%!important;
  margin:0 0 16px!important;
}
body.task-login #login-form #rcmloginuser,
body.task-login #login-form #rcmloginpwd{
  min-height:54px!important;
  height:54px!important;
  padding:0 16px!important;
  border:1px solid rgba(152,179,226,.14)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(18,29,49,.70),rgba(7,13,23,.82))!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  font-size:17px!important;
  line-height:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.task-login #login-form .formbuttons{
  margin:12px 0 0!important;
}
body.task-login #login-form #rcmloginsubmit{
  min-height:54px!important;
  height:54px!important;
  margin:2px 0 0!important;
  padding:10px 0!important;
  border:1px solid rgba(76,145,255,.58)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#1677ff,#075bd8)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,93,255,.22),inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body.task-login #login-form #rcmloginsubmit:hover{
  background:linear-gradient(180deg,#2b86ff,#0b66e8)!important;
  border-color:rgba(110,169,255,.72)!important;
}
@media(max-width:600px){
  body.task-login{
    background:
      radial-gradient(66% 42% at -8% -4%,rgba(0,112,255,.53),rgba(0,52,158,.20) 42%,transparent 78%),
      radial-gradient(66% 42% at 108% 104%,rgba(0,102,255,.58),rgba(0,47,145,.21) 42%,transparent 78%),
      linear-gradient(145deg,#02050b,#010307 52%,#02050b)!important;
  }
}

/* KROPP E=M SCREENSHOT GEOMETRY V5 */
@media (max-width:600px){
  body.task-login #layout{
    min-height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  body.task-login #layout-content{
    width:calc(100vw - 48px)!important;
    max-width:440px!important;
    margin:0!important;
    padding:15px 18px 30px!important;
    transform:translateY(11px)!important;
  }
  body.task-login .kropp-logo-home-link{
    margin:0 auto 10px!important;
  }
  body.task-login .kropp-login-subtitle{
    transform:translateY(-13px)!important;
    margin-bottom:3px!important;
  }
  body.task-login #login-form{
    transform:translateY(-13px)!important;
  }
}
/* KROPP E=M SCREENSHOT GEOMETRY V5 END */

/* KROPP E BACKGROUND = M EXACT V6 */
body.task-login{
  background:
    radial-gradient(46% 38% at -2% -2%,rgba(0,112,255,.64),rgba(0,69,205,.31) 34%,rgba(0,38,110,.10) 58%,transparent 76%),
    radial-gradient(46% 38% at 102% 102%,rgba(0,111,255,.72),rgba(0,63,190,.34) 34%,rgba(0,34,102,.12) 58%,transparent 76%),
    radial-gradient(28% 22% at 7% 4%,rgba(83,149,255,.22),transparent 74%),
    radial-gradient(28% 22% at 93% 96%,rgba(70,139,255,.20),transparent 74%),
    radial-gradient(34% 28% at 50% 52%,rgba(7,55,150,.10),transparent 76%),
    linear-gradient(145deg,#02050b 0%,#010307 52%,#02050b 100%)!important;
}

body.task-login::before{
  content:none!important;
  display:none!important;
}

#kropp-particles{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
}

body.task-login > *:not(#kropp-particles){
  position:relative!important;
  z-index:2!important;
}

body.task-login::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 44%,transparent 0 24%,rgba(0,0,0,.055) 54%,rgba(0,0,0,.34) 100%)!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.38)!important;
}

@media(max-width:600px){
  body.task-login{
    background:
      radial-gradient(66% 42% at -8% -4%,rgba(0,112,255,.53),rgba(0,52,158,.20) 42%,transparent 78%),
      radial-gradient(66% 42% at 108% 104%,rgba(0,102,255,.58),rgba(0,47,145,.21) 42%,transparent 78%),
      linear-gradient(145deg,#02050b,#010307 52%,#02050b)!important;
  }
}
/* KROPP E BACKGROUND = M EXACT V6 END */
/* KROPP E->M 1:1 FINAL 2026-10-06 */
body.task-login{
  background:
    radial-gradient(46% 38% at -2% -2%,rgba(0,112,255,.64),rgba(0,69,205,.31) 34%,rgba(0,38,110,.10) 58%,transparent 76%),
    radial-gradient(46% 38% at 102% 102%,rgba(0,111,255,.72),rgba(0,63,190,.34) 34%,rgba(0,34,102,.12) 58%,transparent 76%),
    radial-gradient(28% 22% at 7% 4%,rgba(83,149,255,.22),transparent 74%),
    radial-gradient(28% 22% at 93% 96%,rgba(70,139,255,.20),transparent 74%),
    radial-gradient(34% 28% at 50% 52%,rgba(7,55,150,.10),transparent 76%),
    linear-gradient(145deg,#02050b 0%,#010307 52%,#02050b 100%)!important;
}
body.task-login::after{
  background:radial-gradient(circle at 50% 44%,transparent 0 24%,rgba(0,0,0,.055) 54%,rgba(0,0,0,.34) 100%)!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.38)!important;
}
body.task-login .kropp-logo-home-link{
  width:100%!important;
  max-width:100%!important;
  min-height:100px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
}
body.task-login #logo{
  width:min(220px,58vw)!important;
  max-width:220px!important;
  height:98px!important;
  max-height:98px!important;
  object-fit:contain!important;
}
body.task-login .kropp-login-subtitle{
  width:100%!important;
  margin:0 0 16px!important;
}
body.task-login #login-form #rcmloginuser,
body.task-login #login-form #rcmloginpwd{
  min-height:54px!important;
  height:54px!important;
  padding:0 16px!important;
  border:1px solid rgba(152,179,226,.14)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(18,29,49,.70),rgba(7,13,23,.82))!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  font-size:17px!important;
  line-height:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.task-login #login-form .formbuttons{
  margin:12px 0 0!important;
}
body.task-login #login-form #rcmloginsubmit{
  min-height:54px!important;
  height:54px!important;
  margin:2px 0 0!important;
  padding:10px 0!important;
  border:1px solid rgba(76,145,255,.58)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#1677ff,#075bd8)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,93,255,.22),inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body.task-login #login-form #rcmloginsubmit:hover{
  background:linear-gradient(180deg,#2b86ff,#0b66e8)!important;
  border-color:rgba(110,169,255,.72)!important;
}
@media(max-width:600px){
  body.task-login{
    background:
      radial-gradient(66% 42% at -8% -4%,rgba(0,112,255,.53),rgba(0,52,158,.20) 42%,transparent 78%),
      radial-gradient(66% 42% at 108% 104%,rgba(0,102,255,.58),rgba(0,47,145,.21) 42%,transparent 78%),
      linear-gradient(145deg,#02050b,#010307 52%,#02050b)!important;
  }
}
/* KROPP E=M TRUE GEOMETRY FINAL */
@media(max-width:600px){
  body.task-login #layout{
    min-height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  body.task-login #layout-content{
    width:calc(100vw - 48px)!important;
    max-width:440px!important;
    margin:0!important;
    padding:26px 18px 24px!important;
    transform:none!important;
  }
  body.task-login .kropp-logo-home-link{
    margin:0 auto 10px!important;
  }
  body.task-login .kropp-login-subtitle{
    transform:none!important;
    margin:0 0 16px!important;
  }
  body.task-login #login-form{
    transform:none!important;
  }
}
/* KROPP E=M TRUE GEOMETRY FINAL END */
/* KROPP E=M VERTICAL CENTER FINAL */
@media(max-width:600px){
  body.task-login #layout{
    min-height:calc(100dvh - 24px)!important;
  }
}
/* KROPP E=M VERTICAL CENTER FINAL END */
/* KROPP E=M PLACEHOLDER FINAL */
body.task-login #rcmloginuser::placeholder,
body.task-login #rcmloginpwd::placeholder{
  color:#60708a!important;
  -webkit-text-fill-color:#60708a!important;
  opacity:1!important;
  font-weight:400!important;
}
/* KROPP E=M PLACEHOLDER FINAL END */
/* KROPP E=M SHORT MOBILE EXACT */
@media(max-width:600px) and (max-height:680px){
  body.task-login #layout-content{
    padding:20px 18px!important;
  }
  body.task-login .kropp-logo-home-link{
    min-height:76px!important;
    height:76px!important;
    margin:0 auto 10px!important;
  }
  body.task-login #logo{
    width:min(220px,58vw)!important;
    max-width:220px!important;
    height:74px!important;
    max-height:74px!important;
  }
}
/* KROPP E=M SHORT MOBILE EXACT END */
/* KROPP E=M FOCUS FINAL */
body.task-login #rcmloginuser:focus-visible,
body.task-login #rcmloginpwd:focus-visible,
body.task-login #rcmloginuser:focus,
body.task-login #rcmloginpwd:focus{
  outline:1px solid rgba(77,146,255,.70)!important;
  outline-offset:2px!important;
  border-color:rgba(77,146,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
/* KROPP E=M FOCUS FINAL END */
/* KROPP E=M ANDROID REAL VIEWPORT 20261006 */
@media(max-width:600px) and (max-height:680px){
  body.task-login #layout{
    min-height:calc(100dvh - 24px)!important;
  }
  body.task-login #layout-content{
    width:calc(100vw - 48px)!important;
    max-width:440px!important;
    padding:3px 18px 3px!important;
    border-radius:20px!important;
  }
  body.task-login .kropp-logo-home-link{
    min-height:76px!important;
    height:76px!important;
    margin:0 auto -3px!important;
  }
  body.task-login #logo{
    width:min(220px,58vw)!important;
    max-width:220px!important;
    height:74px!important;
    max-height:74px!important;
  }
  body.task-login .kropp-login-subtitle{
    margin:0 0 16px!important;
  }
}
/* KROPP E=M ANDROID REAL VIEWPORT END *//* KROPP E=M ANDROID PIXEL PASS 2 */
@media(max-width:600px) and (max-height:680px){
  body.task-login #layout-content{
    padding:23px 18px 24px!important;
  }
  body.task-login .kropp-logo-home-link{
    min-height:76px!important;
    height:76px!important;
    margin:0 auto 6px!important;
  }
}
/* KROPP E=M ANDROID PIXEL PASS 2 END *//* KROPP E=M ANDROID PIXEL FINAL */
@media(max-width:600px) and (max-height:680px){
  body.task-login #layout-content{
    padding:23px 18px 19px!important;
  }
  body.task-login .kropp-login-fields{
    gap:16px!important;
  }
}
/* KROPP E=M ANDROID PIXEL FINAL END *//* KROPP E=M ANDROID 1PX ALIGN */
@media(max-width:600px) and (max-height:680px){
  body.task-login .kropp-logo-home-link,
  body.task-login .kropp-login-subtitle,
  body.task-login #login-form{
    position:relative!important;
    top:-1px!important;
  }
}
/* KROPP E=M ANDROID 1PX ALIGN END *//* KROPP E=M BACKGROUND + PARTICLES EXACT 20261006 */
html{
  background:#02050b!important;
}
body.task-login{
  background:
    radial-gradient(66% 42% at -8% -4%,rgba(0,112,255,.53),rgba(0,52,158,.20) 42%,transparent 78%),
    radial-gradient(66% 42% at 108% 104%,rgba(0,102,255,.58),rgba(0,47,145,.21) 42%,transparent 78%),
    linear-gradient(145deg,#02050b,#010307 52%,#02050b)!important;
}
body.task-login::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 7% 11%,rgba(190,215,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 18%,rgba(89,154,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 25% 74%,rgba(198,220,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 74% 84%,rgba(83,145,255,.10) 0 1px,transparent 1.7px);
  background-size:123px 123px,171px 171px,149px 149px,197px 197px!important;
  opacity:.56!important;
  animation:kroppUnifiedStars 34s linear infinite!important;
}
@keyframes kroppUnifiedStars{
  to{background-position:52px 36px,-44px 66px,36px -54px,-38px -46px}
}
body.task-login::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 44%,transparent 0 24%,rgba(0,0,0,.055) 54%,rgba(0,0,0,.34) 100%)!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.38)!important;
}
#kropp-particles{
  display:none!important;
}
body.task-login .kropp-logo-home-link{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
body.task-login .kropp-logo-home-link #logo{
  pointer-events:none!important;
}
@media(prefers-reduced-motion:reduce){
  body.task-login::before{animation:none!important}
}
/* KROPP E=M BACKGROUND + PARTICLES EXACT END *//* KROPP E=M BACKGROUND + PARTICLES + CLICK FINAL */
html body.task-login{
  background:
    radial-gradient(66% 42% at -8% -4%,rgba(0,112,255,.53),rgba(0,52,158,.20) 42%,transparent 78%),
    radial-gradient(66% 42% at 108% 104%,rgba(0,102,255,.58),rgba(0,47,145,.21) 42%,transparent 78%),
    linear-gradient(145deg,#02050b,#010307 52%,#02050b)!important;
  background-color:#02050b!important;
}

html body.task-login #layout{
  background:transparent!important;
  background-color:transparent!important;
}

html body.task-login::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 7% 11%,rgba(190,215,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 18%,rgba(89,154,255,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 25% 74%,rgba(198,220,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 74% 84%,rgba(83,145,255,.10) 0 1px,transparent 1.7px);
  background-size:123px 123px,171px 171px,149px 149px,197px 197px!important;
  opacity:.56!important;
}

html body.task-login::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 44%,transparent 0 24%,rgba(0,0,0,.055) 54%,rgba(0,0,0,.34) 100%)!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.38)!important;
}

html body.task-login #kropp-particles{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  opacity:.88!important;
  pointer-events:none!important;
}

html body.task-login #layout,
html body.task-login #layout-content{
  position:relative!important;
  z-index:2!important;
}

html body.task-login .kropp-logo-home-link{
  position:relative!important;
  z-index:10!important;
  display:block!important;
  width:100%!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

html body.task-login .kropp-logo-home-link #logo{
  pointer-events:none!important;
}
/* KROPP E=M BACKGROUND + PARTICLES + CLICK FINAL END */