html{overflow-y:auto!important;height:auto!important;min-height:100%!important;}

/* ===== THEME VARIABLES ===== */
html{
  --bg:#06101e;
  --bg-card:rgba(255,255,255,.04);
  --bg-card-border:rgba(255,255,255,.1);
  --bg-input:rgba(255,255,255,.06);
  --bg-input-border:rgba(255,255,255,.14);
  --bg-input-focus:rgba(30,182,255,.07);
  --text-primary:#fff;
  --text-secondary:rgba(255,255,255,.62);
  --text-muted:rgba(255,255,255,.3);
  --text-faint:rgba(255,255,255,.2);
  --accent:#1eb6ff;
  --accent-2:#37d6ff;
  --line:rgba(255,255,255,.08);
  --line-soft:rgba(255,255,255,.15);
  --topbar-bg:#06101e;
  --header-icon:rgba(255,255,255,.45);
  --warn-bg:rgba(255,180,50,.1);
  --warn-border:rgba(255,180,50,.35);
  --warn-text:#ffc266;
  --danger-bg:rgba(255,85,82,.1);
  --danger-border:rgba(255,85,82,.4);
  --danger-text:#ff8b89;
}
html.theme-light{
  --bg:#eef3f8;
  --bg-card:#ffffff;
  --bg-card-border:#dfe7ef;
  --bg-input:#f3f6fa;
  --bg-input-border:#b8c4d0;
  --bg-input-focus:rgba(30,182,255,.08);
  --text-primary:#10202f;
  --text-secondary:#5b6b78;
  --text-muted:#8493a0;
  --text-faint:#9aa8b3;
  --accent:#0e9bea;
  --accent-2:#37beff;
  --line:#e2e9ef;
  --line-soft:#cfd9e2;
  --topbar-bg:#ffffff;
  --header-icon:#5b6b78;
  --warn-bg:#fff6e6;
  --warn-border:#ffd699;
  --warn-text:#a3690a;
  --danger-bg:#fdecec;
  --danger-border:#ffb3b1;
  --danger-text:#c4302b;
}

*{box-sizing:border-box;}

/* ===== CUSTOM SCROLLBAR ===== */
body.task-login{scrollbar-width:thin!important;scrollbar-color:var(--line-soft) transparent!important;}
body.task-login ::-webkit-scrollbar{width:8px!important;height:8px!important;}
body.task-login ::-webkit-scrollbar-track{background:transparent!important;}
body.task-login ::-webkit-scrollbar-thumb{background:var(--line-soft)!important;border-radius:8px!important;border:2px solid transparent!important;background-clip:padding-box!important;}
body.task-login ::-webkit-scrollbar-thumb:hover{background:var(--accent)!important;background-clip:padding-box!important;}

body.task-login{background:var(--bg)!important;margin:0!important;padding:0!important;transition:background .35s ease!important;min-height:100vh!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;}
body.task-login h1.voice,body.task-login #logo{display:none!important;}

/* ===== ACCESSIBILITY ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
body.task-login a:focus-visible,
body.task-login button:focus-visible,
body.task-login input:focus-visible,
body.task-login .theme-toggle-btn:focus-visible,
body.task-login .lang-btn:focus-visible,
body.task-login .pwd-toggle-btn:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* ===== PRELOADER ===== */
#preloader{position:fixed!important;inset:0!important;z-index:99999!important;background:var(--bg)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;transition:background .35s ease!important;}
#preloader.pl-hidden{pointer-events:none!important;}
.preloader-content{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;}
.pl-icon-wrap{width:76px!important;height:76px!important;border-radius:20px!important;background:rgba(30,182,255,.1)!important;border:1px solid rgba(30,182,255,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.breathing-logo{width:46px!important;height:46px!important;object-fit:contain!important;animation:breathe 2.2s ease-in-out infinite!important;}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}
.loading-text{font-size:14px!important;color:var(--text-secondary)!important;}
.dots::after{content:'';animation:dots 1.5s steps(3,end) infinite!important;}
@keyframes dots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
.preloader-footer-text{position:absolute!important;bottom:20px!important;font-size:11px!important;color:var(--text-faint)!important;text-align:center!important;padding:0 40px!important;line-height:1.6!important;}

/* ===== TOPBAR ===== */
header#login-topbar{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:var(--topbar-bg)!important;border-bottom:1px solid var(--line)!important;width:100%!important;box-sizing:border-box!important;transition:background .35s ease,border-color .35s ease!important;}
.login-topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 28px!important;}
.login-topbar-left{display:flex!important;align-items:center!important;gap:10px!important;}
.topbar-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--accent)!important;display:inline-block!important;}
.topbar-title{font-size:12px!important;color:var(--text-secondary)!important;letter-spacing:.6px!important;text-transform:uppercase!important;}
.login-topbar-right{display:flex!important;align-items:center!important;gap:8px!important;}
.topbar-link{font-size:11px!important;color:var(--text-muted)!important;text-decoration:none!important;padding:4px 12px!important;border:1px solid var(--line)!important;border-radius:20px!important;transition:color .2s ease,border-color .2s ease!important;}
.topbar-link:hover{color:var(--accent)!important;border-color:rgba(30,182,255,.4)!important;}

/* ===== LANGUAGE SWITCHER ===== */
.lang-switch{display:flex!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;margin-right:2px!important;}
.lang-btn{
  background:transparent!important;border:0!important;color:var(--text-muted)!important;font-size:10.5px!important;
  font-weight:600!important;letter-spacing:.3px!important;padding:4px 9px!important;cursor:pointer!important;
  transition:color .2s ease,background .2s ease!important;
}
.lang-btn:hover{color:var(--accent)!important;}
.lang-btn.active{color:#fff!important;background:var(--accent)!important;}

/* ===== THEME TOGGLE BUTTON ===== */
.theme-toggle-btn{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;border-radius:50%!important;background:transparent!important;
  border:1px solid var(--line)!important;color:var(--header-icon)!important;cursor:pointer!important;padding:0!important;
  transition:border-color .2s ease,color .2s ease,transform .25s ease!important;
}
.theme-toggle-btn:hover{border-color:rgba(30,182,255,.4)!important;color:var(--accent)!important;transform:rotate(15deg)!important;}
.theme-toggle-btn svg{position:absolute!important;}
.theme-toggle-btn .icon-moon{opacity:0!important;transform:scale(.5) rotate(-90deg)!important;transition:opacity .3s ease,transform .3s ease!important;}
.theme-toggle-btn .icon-sun{opacity:1!important;transform:scale(1) rotate(0deg)!important;transition:opacity .3s ease,transform .3s ease!important;}
html.theme-light .theme-toggle-btn .icon-moon{opacity:1!important;transform:scale(1) rotate(0deg)!important;}
html.theme-light .theme-toggle-btn .icon-sun{opacity:0!important;transform:scale(.5) rotate(90deg)!important;}

/* ===== LAYOUT ===== */
body.task-login #layout{background:var(--bg)!important;min-height:0!important;flex:1!important;padding-top:44px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;transition:background .35s ease!important;}
body.task-login #layout-content{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:left!important;background:transparent!important;width:100%!important;min-height:calc(100vh - 88px)!important;padding:32px 28px!important;box-sizing:border-box!important;flex:1!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
body.task-login .login-split{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:60px!important;width:100%!important;max-width:820px!important;margin:0 auto!important;}

/* ===== ANIMATED MESH BACKGROUND ===== */
.bg-mesh{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;}
.mesh-blob{position:absolute!important;border-radius:50%!important;filter:blur(70px)!important;opacity:.35!important;will-change:transform!important;}
html.theme-light .mesh-blob{opacity:.25!important;}
.mesh-1{width:420px!important;height:420px!important;top:-120px!important;left:-80px!important;background:radial-gradient(circle,var(--accent) 0%,transparent 70%)!important;animation:meshFloat1 18s ease-in-out infinite!important;}
.mesh-2{width:380px!important;height:380px!important;bottom:-140px!important;right:-60px!important;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%)!important;animation:meshFloat2 22s ease-in-out infinite!important;}
.mesh-3{width:300px!important;height:300px!important;top:40%!important;left:55%!important;background:radial-gradient(circle,#7a5cff 0%,transparent 70%)!important;opacity:.18!important;animation:meshFloat3 26s ease-in-out infinite!important;}
@keyframes meshFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes meshFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-30px)}}
@keyframes meshFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}
@media (prefers-reduced-motion: reduce){.mesh-blob{animation:none!important;}}

/* ===== LEFT PANEL ===== */
body.task-login .login-left-panel{flex:1!important;min-width:0!important;opacity:0;transform:translateX(-16px);}
body.task-login .login-left-panel.panel-animate-in{animation:slideInLeft .6s cubic-bezier(.22,1,.36,1) forwards!important;}
@keyframes slideInLeft{to{opacity:1;transform:translateX(0);}}
body.task-login .login-emblem{width:56px!important;height:56px!important;border-radius:16px!important;background:rgba(30,182,255,.1)!important;border:1px solid rgba(30,182,255,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:22px!important;}
body.task-login .login-emblem-img{width:36px!important;height:36px!important;object-fit:contain!important;}
body.task-login .login-left-title{font-size:22px!important;font-weight:500!important;color:var(--text-primary)!important;line-height:1.35!important;margin-bottom:18px!important;}
body.task-login .login-left-divider{width:36px!important;height:2px!important;background:var(--accent)!important;border-radius:2px!important;margin-bottom:20px!important;opacity:.6!important;}
body.task-login .login-features{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;}
body.task-login .login-features li{display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;color:var(--text-secondary)!important;}
body.task-login .feature-dot{width:4px!important;height:4px!important;border-radius:50%!important;background:var(--accent)!important;flex-shrink:0!important;display:inline-block!important;}

/* ===== QR BLOCK ===== */
.qr-mobile-block{display:flex!important;align-items:center!important;gap:12px!important;margin-top:28px!important;padding-top:22px!important;border-top:1px solid var(--line)!important;}
.qr-box{
  width:56px!important;height:56px!important;background:var(--bg-card)!important;border:1px solid var(--bg-card-border)!important;
  border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  color:var(--text-primary)!important;flex-shrink:0!important;
}
.qr-title{font-size:12px!important;color:var(--text-secondary)!important;font-weight:500!important;}
.qr-sub{font-size:11px!important;color:var(--text-faint)!important;margin-top:1px!important;}

/* ===== RIGHT PANEL / CARD with glow border ===== */
body.task-login .login-right-panel{
  width:350px!important;flex-shrink:0!important;background:var(--bg-card)!important;
  border-radius:20px!important;padding:28px 26px!important;box-sizing:border-box!important;
  box-shadow:0 20px 60px -20px rgba(0,0,0,.4)!important;position:relative!important;
  opacity:0;transform:translateY(18px) scale(.98);
  transition:background .35s ease,box-shadow .35s ease,transform .15s ease-out!important;
  border:1px solid transparent!important;
  background-image:linear-gradient(var(--bg-card),var(--bg-card)),
    linear-gradient(135deg,rgba(30,182,255,.5),rgba(122,92,255,.35),rgba(30,182,255,.1))!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
}
html.theme-light body.task-login .login-right-panel{box-shadow:0 20px 50px -24px rgba(20,60,100,.18)!important;}
body.task-login .login-right-panel.card-animate-in{animation:cardIn .65s cubic-bezier(.22,1,.36,1) forwards!important;}
@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1);}}

body.task-login .login-card-header{display:flex!important;align-items:center!important;gap:12px!important;padding-bottom:18px!important;border-bottom:1px solid var(--line)!important;margin-bottom:14px!important;}
body.task-login .login-card-logo{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--accent)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important;}
body.task-login .card-logo-img{width:26px!important;height:26px!important;object-fit:contain!important;filter:brightness(10)!important;}
body.task-login .login-card-name{font-size:13px!important;font-weight:500!important;color:var(--text-primary)!important;opacity:.9!important;}
body.task-login .login-card-domain{font-size:11px!important;color:var(--text-muted)!important;margin-top:2px!important;}

/* ===== TIME-OF-DAY GREETING ===== */
.login-greeting{font-size:11.5px!important;color:var(--accent)!important;font-weight:600!important;letter-spacing:.3px!important;margin-bottom:6px!important;text-transform:uppercase!important;}

body.task-login .login-card-title{font-size:17px!important;font-weight:500!important;color:var(--text-primary)!important;margin-bottom:4px!important;}
body.task-login .login-card-sub{font-size:12px!important;color:var(--text-muted)!important;margin-bottom:14px!important;}

/* ===== LOCKOUT NOTICE ===== */
/* ===== LOCKOUT/CAPSLOCK features removed ===== */

/* ===== FORM ===== */
body.task-login form#login-form{overflow:visible!important;padding:0!important;width:100%!important;margin:0!important;top:0!important;position:static!important;}
body.task-login #login-form .input-group{display:block!important;position:relative!important;}
body.task-login #login-form .input-group-prepend,body.task-login #login-form .input-group-text{display:none!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important;}
body.task-login #login-form input[type="hidden"]{display:none!important;height:0!important;margin:0!important;padding:0!important;}
body.task-login #login-form{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;}
body.task-login #login-form .input-group{margin:0!important;height:auto!important;min-height:0!important;}
body.task-login #login-form td.title,body.task-login #login-form label[for="rcmloginuser"],body.task-login #login-form label[for="rcmloginpwd"]{display:none!important;}
body.task-login #login-form table,body.task-login #login-form tbody,body.task-login #login-form tr,body.task-login #login-form td{display:block!important;width:100%!important;padding:0!important;border:none!important;background:transparent!important;margin:0!important;}
body.task-login #login-form p.formbuttons{margin:0!important;padding:0!important;}

body.task-login #login-form input#rcmloginuser,body.task-login #login-form input#rcmloginpwd{
  width:100%!important;background:var(--bg-input)!important;border:1px solid var(--bg-input-border)!important;
  border-radius:10px!important;padding:11px 14px!important;font-size:13px!important;color:var(--text-primary)!important;
  -webkit-text-fill-color:var(--text-primary)!important;outline:none!important;box-shadow:none!important;
  box-sizing:border-box!important;display:block!important;margin-bottom:12px!important;-webkit-appearance:none!important;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
body.task-login #login-form input#rcmloginuser:focus,body.task-login #login-form input#rcmloginpwd:focus{
  border-color:rgba(30,182,255,.5)!important;background:var(--bg-input-focus)!important;box-shadow:0 0 0 3px rgba(30,182,255,.12)!important;
}
body.task-login #login-form input#rcmloginuser.field-invalid{border-color:var(--danger-border)!important;}

body.task-login #login-form input#rcmloginuser:-webkit-autofill,
body.task-login #login-form input#rcmloginpwd:-webkit-autofill,
body.task-login #login-form input#rcmloginuser:-webkit-autofill:hover,
body.task-login #login-form input#rcmloginpwd:-webkit-autofill:hover,
body.task-login #login-form input#rcmloginuser:-webkit-autofill:focus,
body.task-login #login-form input#rcmloginpwd:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text-primary)!important;
  -webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset!important;
  box-shadow:0 0 0px 1000px var(--bg-input) inset!important;
  caret-color:var(--text-primary)!important;
  transition:background-color 5000s ease-in-out 0s!important;
}

/* ===== INLINE FIELD ERROR ===== */
.field-error{
  display:none;
  align-items:center;gap:6px;
  color:var(--danger-text);font-size:11px;margin:-8px 0 12px 2px;
}
.field-error[hidden]{display:none!important;}
.field-error.is-visible:not([hidden]){display:flex!important;}

/* ===== REMEMBER LOGIN ===== */
.remember-login-row{display:flex!important;align-items:center!important;gap:9px!important;font-size:12px!important;color:var(--text-secondary)!important;cursor:pointer!important;margin:6px 0 16px 0!important;user-select:none!important;line-height:1.3!important;}
.remember-login-row span{color:var(--text-secondary)!important;}
.remember-login-row input[type="checkbox"]{width:15px!important;height:15px!important;margin:0!important;cursor:pointer!important;accent-color:var(--accent)!important;flex-shrink:0!important;}
/* Hard override in case Roundcube/Bootstrap injects its own .custom-control-label
   wrapper around this specific checkbox, which carries higher-specificity
   color rules from forms.less that would otherwise hide the text. */
label[for="remember-login-cb"],
label[for="remember-login-cb"] span,
label.custom-control-label[for="remember-login-cb"]{
  color:var(--text-secondary)!important;
  font-size:12px!important;
  -webkit-text-fill-color:var(--text-secondary)!important;
}

/* ===== PASSWORD SHOW/HIDE ===== */
.pwd-field-wrap{position:relative!important;margin-bottom:12px!important;}
.pwd-field-wrap input#rcmloginpwd{padding-right:42px!important;margin-bottom:0!important;}
.pwd-toggle-btn{
  position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;
  width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;cursor:pointer!important;color:var(--text-muted)!important;
  padding:0!important;border-radius:8px!important;transition:color .2s ease,background .2s ease!important;
}
.pwd-toggle-btn:hover{color:var(--accent)!important;background:rgba(30,182,255,.08)!important;}
.pwd-toggle-btn svg{position:absolute!important;transition:opacity .2s ease,transform .2s ease!important;}
.pwd-toggle-btn .eye-open{opacity:1!important;transform:scale(1)!important;}
.pwd-toggle-btn .eye-closed{opacity:0!important;transform:scale(.6)!important;}
.pwd-toggle-btn.revealed .eye-open{opacity:0!important;transform:scale(.6)!important;}
.pwd-toggle-btn.revealed .eye-closed{opacity:1!important;transform:scale(1)!important;}

/* ===== SUBMIT BUTTON ===== */
body.task-login #login-form button#rcmloginsubmit{
  width:100%!important;padding:12px!important;
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%)!important;background-size:160% 160%!important;
  color:#fff!important;border:none!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important;
  cursor:pointer!important;box-shadow:0 8px 20px -8px rgba(30,182,255,.55)!important;display:block!important;
  box-sizing:border-box!important;position:relative!important;overflow:hidden!important;
  transition:background-position .5s ease,box-shadow .25s ease,transform .15s ease!important;
}
body.task-login #login-form button#rcmloginsubmit:hover{background-position:100% 0!important;box-shadow:0 10px 26px -8px rgba(30,182,255,.7)!important;transform:translateY(-1px)!important;}
body.task-login #login-form button#rcmloginsubmit:active{transform:translateY(0)!important;}
body.task-login #login-form button#rcmloginsubmit.btn-loading{color:transparent!important;pointer-events:none!important;}
body.task-login #login-form button#rcmloginsubmit.btn-loading::after{
  content:"";position:absolute!important;top:50%!important;left:50%!important;width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important;
  border:2px solid rgba(255,255,255,.4)!important;border-top-color:#fff!important;border-radius:50%!important;animation:btnSpin .7s linear infinite!important;
}
@keyframes btnSpin{to{transform:rotate(360deg);}}


/* ===== SOGo divider / button ===== */
body.task-login .login-sogo-divider{display:flex!important;align-items:center!important;gap:10px!important;margin:14px 0!important;}
body.task-login .sogo-line{flex:1!important;height:1px!important;background:var(--line-soft)!important;display:block!important;}
body.task-login .sogo-or{font-size:11px!important;color:var(--text-faint)!important;}
body.task-login .btn-sogo{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;
  padding:10px!important;background:transparent!important;color:var(--text-secondary)!important;
  border:1px solid var(--line)!important;border-radius:10px!important;font-size:12px!important;text-decoration:none!important;
  box-sizing:border-box!important;transition:color .2s ease,border-color .2s ease,background .2s ease!important;
}
body.task-login .btn-sogo:hover{color:var(--accent)!important;border-color:rgba(30,182,255,.35)!important;background:rgba(30,182,255,.05)!important;}

body.task-login #login-footer{margin-top:12px!important;font-size:10px!important;color:var(--text-faint)!important;text-align:center!important;}

/* ===== FOOTER BAR ===== */
body.task-login #login-footer-bar{width:100%!important;margin-top:auto!important;background:rgba(0,0,0,.25)!important;border-top:1px solid var(--line)!important;padding:10px 28px!important;box-sizing:border-box!important;transition:background .35s ease,border-color .35s ease!important;position:relative!important;z-index:2!important;}
html.theme-light body.task-login #login-footer-bar{background:rgba(0,0,0,.03)!important;}
body.task-login .login-footer-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;}
body.task-login .footer-copy{font-size:11px!important;color:var(--text-faint)!important;}
body.task-login .footer-copy a{color:var(--text-muted)!important;text-decoration:none!important;}
body.task-login .footer-copy a.powered-by-link{color:var(--accent)!important;font-weight:500!important;opacity:.85!important;}
body.task-login .footer-copy a.powered-by-link:hover{opacity:1!important;text-decoration:underline!important;}
.topbar-link.topbar-link-brand{color:var(--accent)!important;border-color:rgba(30,182,255,.25)!important;}
.topbar-link.topbar-link-brand:hover{background:rgba(30,182,255,.08)!important;}
body.task-login .footer-stores{display:flex!important;gap:6px!important;}
body.task-login .store-pill{display:flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;color:var(--text-muted)!important;border:1px solid var(--line)!important;padding:3px 10px!important;border-radius:14px!important;text-decoration:none!important;transition:color .2s ease,border-color .2s ease!important;}
body.task-login .store-pill:hover{color:var(--accent)!important;border-color:rgba(30,182,255,.35)!important;}
body.task-login .store-pill img{height:13px!important;width:auto!important;}

@media(max-width:680px){
  body.task-login .login-left-panel{display:none!important;}
  body.task-login .login-right-panel{width:100%!important;max-width:380px!important;}
  body.task-login .login-split{gap:0!important;}
  .bg-mesh{display:none!important;}
  .lang-switch{display:none!important;}
}