/* login.php in the unified design (SEO-FIX-267) — loaded only in the new design, after the page's own styles · dark + light from cs_ui.css */
html.ui2{--bg:var(--ui-bg);--bg2:var(--ui-bg0);--bg3:var(--ui-raise);--bgc:var(--ui-card);--bgc2:var(--ui-card);--bgi:var(--ui-bg);--bgm:var(--ui-card);
  --bo:var(--ui-hl);--boh:var(--ui-hl2);--ac:var(--ui-ac);--ach:var(--ui-ac2);--acd:var(--ui-raise);--cyan:var(--ui-ac);--cyand:var(--ui-raise);--cyanglow:transparent;--cyan-dim:color-mix(in srgb,var(--ui-ac) 18%,transparent);--cyan-glow:transparent;
  --glass-border:var(--ui-hl);--glass-border-h:var(--ui-hl2);--green:var(--ui-up);--gr:var(--ui-up);--green-dim:color-mix(in srgb,var(--ui-up) 10%,transparent);--red:var(--ui-dn);--rd:var(--ui-dn);--red-dim:color-mix(in srgb,var(--ui-dn) 10%,transparent);
  --amber:var(--ui-warn);--am:var(--ui-warn);--purple:var(--ui-ac);--blue:var(--ui-ac);--t1:var(--ui-tx);--t2:var(--ui-tx2);--t3:var(--ui-tx3);--text-1:var(--ui-tx);--text-2:var(--ui-tx2);--text-3:var(--ui-tx3);
  --bg-base:var(--ui-bg);--bg-card:var(--ui-card);--bg-input:var(--ui-bg);--bg-card-2:var(--ui-card);--ease:var(--ui-ease);--es:var(--ui-ease)}
html.ui2 body{background-color:var(--ui-bg);font-family:var(--ui-font)}
html.ui2 #bgCanvas{display:none}
html.ui2 ::-webkit-scrollbar-thumb{background:var(--ui-hl2)}
html.ui2 .logo-title{background:none;-webkit-text-fill-color:currentColor;color:var(--ui-tx);font-family:var(--ui-font);font-weight:600;letter-spacing:0}
html.ui2 .logo-sub{color:var(--ui-tx3);font-weight:400}
html.ui2 .card{background:var(--ui-card);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--ui-hl);border-radius:16px;box-shadow:var(--ui-shadow)}
html.ui2 .card::before{display:none}
html.ui2 .tabs{background:var(--ui-bg0);border-color:var(--ui-hl);border-radius:10px}
html.ui2 .tab-btn{font-weight:500;border-radius:8px}
html.ui2 .tab-btn.active{background:var(--ui-card);color:var(--ui-tx);box-shadow:0 1px 2px rgba(0,0,0,.12)}
html.ui2 .field label{text-transform:none;letter-spacing:0;font-weight:500;font-size:.85rem}
html.ui2 .field input{border-color:var(--ui-hl2);background:var(--ui-bg);border-radius:10px;transition:border-color .15s var(--ui-ease)}
html.ui2 .field input:focus{border-color:var(--ui-ac);box-shadow:none;background:var(--ui-bg)}
html.ui2 .btn-main{background:var(--ui-tx);color:var(--ui-on-tx);font-weight:500;border-radius:10px;box-shadow:var(--ui-btn-hl);transition:background-color .15s var(--ui-ease),transform .12s var(--ui-ease)}
html.ui2 .btn-main::before{display:none}
html.ui2 .btn-main:hover{transform:none;background:var(--ui-tx-hi);box-shadow:var(--ui-btn-hl)}html.ui2 .btn-main:active{transform:scale(.98)}
html.ui2 .alert{font-weight:500}
html.ui2 .alert-error{color:var(--ui-dn);border-color:color-mix(in srgb,var(--ui-dn) 30%,transparent)}
html.ui2 .alert-success{border-color:color-mix(in srgb,var(--ui-up) 30%,transparent)}
html.ui2 .strength-bar{background:var(--ui-raise)}html.ui2 .strength-label{font-weight:500}
html.ui2 .card-footer a{color:var(--ui-ac);font-weight:500}
html.ui2 .spinner{border-color:color-mix(in srgb,var(--ui-on-tx) 30%,transparent);border-top-color:var(--ui-on-tx)}
html.ui2 .ui-theme-fix{position:fixed;top:12px;inset-inline-end:12px;z-index:5}
html.ui2 a[href^="?lang="]{background:none!important;border-color:var(--ui-hl2)!important;color:var(--ui-tx2)!important;font-weight:500!important;border-radius:8px!important}html.ui2 a[href^="?lang="]:hover{color:var(--ui-tx)!important}