.login-page.svelte-1x05zx6{display:grid;min-height:100svh;padding:175px 1.5rem 6rem;place-items:center}.login-panel.svelte-1x05zx6{width:min(650px,100%);padding:clamp(2rem,5vw,4rem);border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#181818f0;box-shadow:0 28px 90px #0000008f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:svelte-1x05zx6-login-panel-in var(--motion-enter) var(--motion-easing) both}h1.svelte-1x05zx6{margin:0;color:#f5f5f5;font-size:var(--type-page-title);font-weight:600;line-height:1;overflow-wrap:anywhere}.login-copy.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:block;margin-top:1.25rem;color:#d0d0d0;font-size:20px;line-height:1.45}.steam-action.svelte-1x05zx6{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:1rem;width:100%;min-height:60px;margin-top:2.5rem;padding:.8rem 1.15rem;align-items:center;overflow:hidden;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 14px 36px #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>img:where(.svelte-1x05zx6){width:34px;height:34px}.steam-action.svelte-1x05zx6 strong:where(.svelte-1x05zx6){font-size:18px;font-weight:600}.steam-action__arrow.svelte-1x05zx6{font-style:normal;transition:transform var(--motion-ui) var(--motion-easing)}@media(hover:hover)and (pointer:fine){.steam-action.svelte-1x05zx6:hover{border-color:#66c0f4;filter:brightness(1.14)}}@media(hover:hover)and (pointer:fine){.steam-action.svelte-1x05zx6:hover>.steam-action__arrow:where(.svelte-1x05zx6){transform:translate(3px)}}.security-note.svelte-1x05zx6{display:flex;gap:.8rem;margin-top:1.5rem;padding-top:1.5rem;align-items:flex-start;border-top:1px solid rgba(255,255,255,.07)}.security-note.svelte-1x05zx6>span:where(.svelte-1x05zx6){color:#63c987;font-size:22px}.security-note.svelte-1x05zx6 p:where(.svelte-1x05zx6){margin:0;color:#929292;font-size:13px;line-height:1.5}@keyframes svelte-1x05zx6-login-panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.login-page.svelte-1x05zx6{padding-top:130px}.login-panel.svelte-1x05zx6{padding:1.5rem}.login-copy.svelte-1x05zx6>span:where(.svelte-1x05zx6){font-size:16px}.steam-action.svelte-1x05zx6{grid-template-columns:32px minmax(0,1fr) 20px}.steam-action.svelte-1x05zx6>img:where(.svelte-1x05zx6){width:30px;height:30px}}@media(max-width:900px){.login-page.svelte-1x05zx6{padding:var(--mobile-page-top) 1rem 2rem;min-height:calc(100svh - 72px)}.login-panel.svelte-1x05zx6{padding:1.5rem 1rem}.steam-action.svelte-1x05zx6{padding:.75rem;grid-template-columns:28px minmax(0,1fr) 24px;gap:.5rem}.steam-action.svelte-1x05zx6 strong:where(.svelte-1x05zx6){font-size:16px}.login-copy.svelte-1x05zx6>span:where(.svelte-1x05zx6){font-size:16px}}@media(prefers-reduced-motion:reduce){.login-panel.svelte-1x05zx6{animation-duration:.01ms}.steam-action.svelte-1x05zx6,.steam-action.svelte-1x05zx6>i:where(.svelte-1x05zx6){transition-duration:.01ms}}