.login-page.svelte-1x05zx6{--bg:#fff;--text:#1c1917;--muted:#78716c;--field:#f5f5f4;--border:#e7e5e4;--accent:#d97706;--accent-h:#b45309;--accent-t:#b45309;--on-accent:#fff;--toggle-bg:#f5f5f4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){.login-page[data-theme=system].svelte-1x05zx6{--bg:#14110f;--text:#fafaf9;--muted:#a8a29e;--field:#1f1b18;--border:#2e2824;--accent:#f59e0b;--accent-h:#fbbf24;--accent-t:#fbbf24;--on-accent:#1c1100;--toggle-bg:#1f1b18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.login-page[data-theme=dark].svelte-1x05zx6{--bg:#14110f;--text:#fafaf9;--muted:#a8a29e;--field:#1f1b18;--border:#2e2824;--accent:#f59e0b;--accent-h:#fbbf24;--accent-t:#fbbf24;--on-accent:#1c1100;--toggle-bg:#1f1b18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.svelte-1x05zx6{box-sizing:border-box;margin:0}.login-page.svelte-1x05zx6{background:var(--bg);color:var(--text);grid-template-columns:1fr 1fr;min-height:100svh;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.hero.svelte-1x05zx6{color:#fff;background:radial-gradient(900px 500px at 85% 0,#f59e0b47,#0000 60%),linear-gradient(160deg,#292524 0%,#1c1917 55%,#0c0a09 100%);flex-direction:column;gap:28px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.hero.svelte-1x05zx6:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hero.svelte-1x05zx6>:where(.svelte-1x05zx6){position:relative}.brand.svelte-1x05zx6{align-items:center;gap:14px;display:flex}.logo.svelte-1x05zx6{background:linear-gradient(135deg,#f59e0b,#b45309);border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 6px 20px #f59e0b59}.brand.svelte-1x05zx6 b:where(.svelte-1x05zx6){font-size:18px;font-weight:700;display:block}.brand.svelte-1x05zx6 span:where(.svelte-1x05zx6){opacity:.75;font-size:13px}h1.svelte-1x05zx6{max-width:520px;margin-top:auto;font-size:40px;font-weight:800;line-height:1.2}h1.svelte-1x05zx6 em:where(.svelte-1x05zx6){color:#fbbf24;font-style:normal}.feats.svelte-1x05zx6{gap:12px;max-width:480px;display:grid}.feat.svelte-1x05zx6{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:16px;padding:16px;font-size:15px;font-weight:500;display:flex}.ico.svelte-1x05zx6{color:#fbbf24;background:#fbbf242e;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.stats.svelte-1x05zx6{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;max-width:480px;padding:16px}.stat-row.svelte-1x05zx6{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat.svelte-1x05zx6{background:#ffffff1a;border-radius:10px;padding:10px 12px;font-size:12px}.stat.svelte-1x05zx6 b:where(.svelte-1x05zx6){margin-top:2px;font-size:22px;font-weight:700;display:block}.bars.svelte-1x05zx6{align-items:flex-end;gap:8px;height:52px;margin-top:16px;display:flex}.bars.svelte-1x05zx6 i:where(.svelte-1x05zx6){background:#fbbf2473;border-radius:4px 4px 0 0;flex:1}.zalo.svelte-1x05zx6{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:16px;max-width:440px;padding:16px;display:flex}.qr.svelte-1x05zx6{background:#fff;border-radius:10px;flex:none;width:104px;height:104px;padding:8px}.qr.svelte-1x05zx6 img:where(.svelte-1x05zx6){width:100%;height:100%;display:block}.zalo.svelte-1x05zx6 b:where(.svelte-1x05zx6){font-size:14px;display:block}.zalo.svelte-1x05zx6 strong:where(.svelte-1x05zx6){letter-spacing:.5px;margin:2px 0 4px;font-size:26px;font-weight:700;display:block}.zalo.svelte-1x05zx6 span:where(.svelte-1x05zx6){opacity:.8;font-size:12.5px;line-height:1.4;display:block}.pane.svelte-1x05zx6{justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative}.theme.svelte-1x05zx6{top:calc(20px + env(safe-area-inset-top,0px));background:var(--toggle-bg);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;right:20px}.theme.svelte-1x05zx6 button:where(.svelte-1x05zx6){width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme.svelte-1x05zx6 button[aria-pressed=true]:where(.svelte-1x05zx6){background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000040}.card.svelte-1x05zx6{width:100%;max-width:420px}.card.svelte-1x05zx6 h2:where(.svelte-1x05zx6){font-size:30px;font-weight:800}.sub.svelte-1x05zx6{color:var(--muted);margin:8px 0 24px;font-size:14px;line-height:1.5}label.svelte-1x05zx6{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field.svelte-1x05zx6{margin-bottom:18px;position:relative}.field.svelte-1x05zx6 svg.l:where(.svelte-1x05zx6){color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}input.svelte-1x05zx6{width:100%;height:48px;font:inherit;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:10px;outline:none;padding:0 44px;font-size:14px;transition:border-color .15s,box-shadow .15s}input.svelte-1x05zx6::placeholder{color:var(--muted)}input.svelte-1x05zx6:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.eye.svelte-1x05zx6{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.forgot.svelte-1x05zx6{text-align:right;color:var(--muted);margin:-6px 0 22px;font-size:13px}.forgot.svelte-1x05zx6 a:where(.svelte-1x05zx6){color:var(--accent-t);font-weight:700;text-decoration:none}.btn.svelte-1x05zx6{width:100%;height:48px;font:inherit;background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:10px;font-size:15px;font-weight:700;transition:background .15s}.btn.svelte-1x05zx6:hover{background:var(--accent-h)}.or.svelte-1x05zx6{color:var(--muted);align-items:center;gap:14px;margin:22px 0;font-size:14px;display:flex}.or.svelte-1x05zx6:before,.or.svelte-1x05zx6:after{content:"";background:var(--border);flex:1;height:1px}.google.svelte-1x05zx6{width:100%;height:48px;font:inherit;color:var(--text);background:var(--field);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.google.svelte-1x05zx6:hover{border-color:var(--muted)}.foot.svelte-1x05zx6{text-align:center;color:var(--muted);margin-top:28px;font-size:13px}.msg.svelte-1x05zx6{color:#ef4444;background:#ef444424;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}@media (width<=900px){.login-page.svelte-1x05zx6{grid-template-columns:1fr}.hero.svelte-1x05zx6{gap:20px;padding:28px 24px}h1.svelte-1x05zx6{margin-top:8px;font-size:28px}.stats.svelte-1x05zx6,.zalo.svelte-1x05zx6{display:none}.pane.svelte-1x05zx6{padding-top:72px}}.login-page.svelte-1x05zx6{--pri:var(--accent);width:100%;min-width:0}.hero.svelte-1x05zx6,.pane.svelte-1x05zx6,.card.svelte-1x05zx6{min-width:0}.pane.svelte-1x05zx6{padding-bottom:max(48px, env(safe-area-inset-bottom))}.card.svelte-1x05zx6{background:0 0;border:0;border-radius:0;padding:0}.demo-note.svelte-1x05zx6{opacity:.7;margin-bottom:10px;font-size:11px}.google-holder.svelte-1x05zx6{justify-content:center;max-width:100%;min-height:44px;display:flex;overflow:hidden}.google-note.svelte-1x05zx6{color:var(--muted);text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.google.svelte-1x05zx6:disabled{cursor:not-allowed}.eye.svelte-1x05zx6{padding:0}.svelte-1x05zx6:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=900px){.hero.svelte-1x05zx6{padding-top:max(28px, env(safe-area-inset-top))}.pane.svelte-1x05zx6{padding-bottom:36px}}@media (width<=420px){.brand.svelte-1x05zx6 b:where(.svelte-1x05zx6){font-size:16px}.hero.svelte-1x05zx6{padding-inline:20px}.feat.svelte-1x05zx6{gap:12px;padding:12px;font-size:13px}.pane.svelte-1x05zx6{padding-inline:20px}.card.svelte-1x05zx6 h2:where(.svelte-1x05zx6){font-size:28px}}