:root{color-scheme:dark;--bg:#070b14;--card:rgba(17,24,39,.82);--line:rgba(148,163,184,.18);--accent:#7c3aed;--accent2:#06b6d4;--text:#f8fafc;--muted:#94a3b8}
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:radial-gradient(750px 430px at 15% 0%,rgba(124,58,237,.32),transparent 64%),radial-gradient(700px 430px at 100% 10%,rgba(6,182,212,.20),transparent 62%),linear-gradient(180deg,#0c1220,var(--bg))}
  .box{width:100%;max-width:390px;background:linear-gradient(180deg,rgba(17,24,39,.90),rgba(15,23,42,.80));border:1px solid var(--line);border-radius:26px;padding:30px 24px 24px;box-shadow:0 28px 75px rgba(0,0,0,.44);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .logo{width:66px;height:66px;margin:0 auto 18px;border-radius:21px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:27px;box-shadow:0 16px 36px rgba(124,58,237,.30)}
  h1{font-size:22px;letter-spacing:-.35px;margin:0 0 7px;text-align:center}.sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:25px}
  label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.field{position:relative}
  input{width:100%;padding:15px 48px 15px 15px;font-size:16px;background:rgba(2,6,23,.48);border:1px solid var(--line);border-radius:15px;color:var(--text);outline:none;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}input:focus{border-color:rgba(167,139,250,.8);box-shadow:0 0 0 4px rgba(124,58,237,.12)}
  .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;cursor:pointer;font-size:17px;color:var(--muted);border-radius:12px}.eye:active{background:rgba(255,255,255,.06)}
  button.go{width:100%;margin-top:20px;padding:15px;border:0;border-radius:15px;font-size:15px;font-weight:800;cursor:pointer;color:white;background:linear-gradient(135deg,var(--accent),#4f46e5 55%,var(--accent2));box-shadow:0 15px 30px rgba(79,70,229,.24)}button.go:disabled{opacity:.55;cursor:not-allowed}
  .remember{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:13px;color:var(--muted)}.remember input{width:18px;height:18px;accent-color:var(--accent);padding:0}.remember label{text-transform:none;letter-spacing:0;font-weight:500}
  .err{display:none;margin-top:14px;font-size:13px;color:#fecdd3;background:rgba(159,18,57,.22);border:1px solid rgba(251,113,133,.28);border-radius:12px;padding:10px 12px}.err.on{display:block}.foot{margin-top:22px;text-align:center;line-height:1.6}#credit{font-size:11px;color:var(--muted);opacity:.82}#appVer{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:#cbd5e1;background:rgba(15,23,42,.55)}
.remember-label{margin:0}

.login-lang{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;border:1px solid var(--line);background:rgba(15,23,42,.82);color:var(--text);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:750;cursor:pointer;z-index:2}.guest-go{width:100%;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:15px;font-size:14px;font-weight:750;cursor:pointer;color:var(--text);background:rgba(30,41,59,.72)}.guest-go:disabled{opacity:.55;cursor:not-allowed}