:root{
  --vx-auth-bg:#070b11;
  --vx-auth-panel:#101722;
  --vx-auth-border:#283548;
  --vx-auth-text:#f3f7fb;
  --vx-auth-muted:#94a3b5;
  --vx-auth-accent:#5b8cff;
}

.vxAuthLoginTrigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  white-space:nowrap;
}
.vxAuthLoginTrigger .vxAuthTriggerIcons{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin-left:1px;
}
.vxAuthLoginTrigger .vxAuthMiniMark{width:20px;height:20px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;overflow:hidden;box-sizing:border-box}
.vxAuthLoginTrigger .vxAuthMiniMark+ .vxAuthMiniMark{margin-left:-5px}
.vxAuthLoginTrigger .vxAuthMiniMark--vk{background:#07f;padding:3px}
.vxAuthLoginTrigger .vxAuthMiniMark--ya{background:#fff;color:#e00000;font:800 13px/1 Arial,sans-serif}
.vxAuthLoginTrigger svg{display:block;width:100%;height:100%;fill:#fff}
html.vxAuthAuthenticated .vxAuthLoginTrigger,
html.vxAuthAuthenticated [data-vx-public-login],
html.vxAuthAuthenticated [data-vx-auth-login]{display:none!important}

.vxAuthOverlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(3,6,10,.88);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  color:var(--vx-auth-text);
  font:14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vxAuthOverlay[hidden]{display:none!important}
.vxAuthCard{
  position:relative;
  width:min(430px,100%);
  padding:28px;
  border:1px solid var(--vx-auth-border);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% -20%,rgba(91,140,255,.2),transparent 46%),
    linear-gradient(145deg,#121a26,#0b1119);
  box-shadow:0 32px 100px rgba(0,0,0,.58);
  text-align:center;
}
.vxAuthCard--maintenance{width:min(560px,100%);padding:38px 34px}
.vxAuthClose{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  background:rgba(255,255,255,.04);
  color:#c8d2de;
  font-size:20px;
  cursor:pointer;
}
.vxAuthBrandMark{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin:0 auto 17px;
  border:1px solid rgba(122,160,255,.42);
  border-radius:19px;
  background:linear-gradient(145deg,#182a45,#0d1725);
  box-shadow:0 0 34px rgba(91,140,255,.2);
  color:#dce8ff;
  font-size:20px;
  font-weight:900;
  letter-spacing:-.08em;
}
.vxAuthCard h1,.vxAuthCard h2{margin:0 0 9px;color:var(--vx-auth-text);font-size:23px;line-height:1.2}
.vxAuthCard p{margin:0;color:var(--vx-auth-muted)}
.vxAuthProviderList{display:grid;gap:10px;margin-top:22px}
.vxAuthProvider{
  min-height:52px;
  display:grid;
  grid-template-columns:34px 1fr 22px;
  align-items:center;
  gap:11px;
  width:100%;
  margin:0!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  font:700 15px/1.2 Inter,system-ui,sans-serif!important;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.vxAuthProvider:hover{transform:translateY(-1px)}
.vxAuthProvider:disabled{opacity:.42;cursor:not-allowed;transform:none}
.vxAuthProvider--vk{border:1px solid #1682ff!important;background:#07f!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,119,255,.2)}
.vxAuthProvider--ya{border:1px solid #dfe3e8!important;background:#fff!important;color:#111!important;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.vxAuthProviderMark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}
.vxAuthProvider--vk .vxAuthProviderMark{background:rgba(255,255,255,.13);padding:7px}
.vxAuthProvider--vk svg{width:100%;height:100%;fill:#fff}
.vxAuthProvider--ya .vxAuthProviderMark{background:#f1f2f4;color:#e00000;font:900 22px/1 Arial,sans-serif}
.vxAuthProviderLabel{text-align:left}
.vxAuthProviderArrow{font-size:20px;opacity:.72}
.vxAuthFinePrint{margin-top:16px!important;font-size:11px;line-height:1.45}
.vxAuthError{min-height:18px;margin-top:13px;color:#ff8796;font-size:12px}
.vxAuthPrimary{
  width:100%;
  min-height:48px;
  margin:22px 0 0!important;
  border:1px solid #6e97ff!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#4f7fe8,#6b5ee8)!important;
  color:#fff!important;
  font-weight:800!important;
  cursor:pointer;
}
.vxAuthSteamMark{width:56px;height:56px;margin:0 auto 16px;display:grid;place-items:center;border-radius:18px;background:#172b45;color:#fff}
.vxAuthSteamMark svg{width:34px;height:34px;fill:#fff}
.vxAuthMaintenanceBadge{display:inline-flex;align-items:center;gap:7px;margin-bottom:17px;padding:6px 11px;border:1px solid rgba(245,183,76,.38);border-radius:999px;background:rgba(245,183,76,.08);color:#f7c66f;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.vxAuthMaintenanceMeta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}
.vxAuthMaintenanceMeta span{padding:5px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#8090a3;font-size:11px}

.vxAuthAdminCard{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px;padding:17px 18px;border:1px solid rgba(91,140,255,.28);border-radius:15px;background:linear-gradient(135deg,rgba(48,75,126,.18),rgba(16,23,34,.85))}
.vxAuthAdminCard strong{display:block;margin-bottom:4px;color:#eef4fb}
.vxAuthAdminCard small{display:block;color:#8998aa;line-height:1.4}
.vxAuthAdminCard button{flex:0 0 auto;margin:0!important}
.vxAuthAdminCard.is-closed{border-color:rgba(245,91,112,.42);background:linear-gradient(135deg,rgba(116,33,48,.2),rgba(16,23,34,.86))}
.vxAuthAdminCard.is-closed button{border-color:#c34d61!important;background:#8d2e42!important;color:#fff!important}

@media(max-width:600px){
  .vxAuthOverlay{padding:14px;align-items:end}
  .vxAuthCard{padding:25px 20px 22px;border-radius:22px}
  .vxAuthCard--maintenance{padding:30px 22px}
  .vxAuthAdminCard{align-items:stretch;flex-direction:column}
  .vxAuthAdminCard button{width:100%}
}