.login-screen.svelte-1x05zx6{position:relative;display:grid;min-height:100vh;grid-template-columns:minmax(0,1.3fr) minmax(360px,560px);align-items:center;padding:clamp(1rem,5vw,6rem);overflow:hidden}.backdrop.svelte-1x05zx6{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.8)}.login-screen.svelte-1x05zx6:after{position:absolute;inset:0;background:linear-gradient(90deg,#0003,#000000e6);content:""}.brand.svelte-1x05zx6,form.svelte-1x05zx6{position:relative;z-index:1}.brand.svelte-1x05zx6{align-self:start}.brand.svelte-1x05zx6 img:where(.svelte-1x05zx6){width:min(430px,80%)}form.svelte-1x05zx6{display:grid;gap:1.25rem;padding:clamp(1.7rem,4vw,3rem)}h1.svelte-1x05zx6{margin:-.4rem 0 0;font-size:clamp(2.5rem,3.2vw,3.5rem);line-height:1}p.svelte-1x05zx6{margin:-.5rem 0 .5rem;color:var(--muted);line-height:1.6}.steam-action.svelte-1x05zx6{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:1rem;width:100%;min-height:76px;margin:.4rem 0;padding:.8rem 1.15rem;align-items:center;border:1px solid rgba(102,192,244,.52);border-radius:10px;color:#fff;background:linear-gradient(105deg,#1b2838,#1b5d7d);text-align:left;box-shadow:0 16px 30px #00000047;transition:border-color var(--motion-ui) var(--motion-easing),filter var(--motion-ui) var(--motion-easing),transform var(--motion-ui) var(--motion-easing)}.steam-action.svelte-1x05zx6:hover{border-color:#66c0f4;filter:brightness(1.12);transform:translateY(-2px)}.steam-action.svelte-1x05zx6>img:where(.svelte-1x05zx6){width:34px;height:34px}.steam-action.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:grid;gap:4px}.steam-action.svelte-1x05zx6 strong:where(.svelte-1x05zx6){font-size:16px}.steam-action.svelte-1x05zx6 small:where(.svelte-1x05zx6){color:#c2ddeb;font-size:12px}.steam-action.svelte-1x05zx6 i:where(.svelte-1x05zx6){font-style:normal}.separator.svelte-1x05zx6{display:flex;align-items:center;gap:.8rem;color:#777;font-size:12px;font-weight:600;letter-spacing:.04em}.separator.svelte-1x05zx6:before,.separator.svelte-1x05zx6:after{flex:1;height:1px;background:var(--line);content:""}.back.svelte-1x05zx6{color:#8d8d8d;font-size:14px;font-weight:600;text-align:center;transition:color var(--motion-ui) var(--motion-easing)}.back.svelte-1x05zx6:hover{color:#fff}.back.link.svelte-1x05zx6{border:0;background:none;cursor:pointer;font:inherit}.qr.svelte-1x05zx6{width:200px;height:200px;justify-self:center;padding:10px;border-radius:8px;background:#fff}@media(max-width:800px){.login-screen.svelte-1x05zx6{grid-template-columns:1fr;gap:2rem}.brand.svelte-1x05zx6{text-align:center}}