.login.svelte-1x05zx6{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px;display:flex}.art.svelte-1x05zx6{aspect-ratio:354/400;border-radius:var(--r);background:#f3e7c9;width:100%;max-width:420px;overflow:hidden}.art.svelte-1x05zx6 img:where(.svelte-1x05zx6){object-fit:cover;width:100%;height:100%;display:block}.side.svelte-1x05zx6{width:100%;max-width:420px}.card.svelte-1x05zx6{background:var(--card);border:1px solid var(--line);transition:opacity var(--t-modal) var(--ease-out), transform var(--t-modal) var(--ease-out);border-radius:18px;flex-direction:column;gap:28px;padding:24px;display:flex}@starting-style{.card.svelte-1x05zx6{opacity:0;transform:translateY(12px)}}.mark.svelte-1x05zx6{letter-spacing:-1px;color:var(--text);justify-content:center;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:700;line-height:1.2;display:flex}.dot.svelte-1x05zx6{background:var(--accent-text);border-radius:50%;flex:none;width:8px;height:8px}form.svelte-1x05zx6{flex-direction:column;gap:10px;display:flex}label.svelte-1x05zx6{color:var(--text);font-size:13px;font-weight:500}input.svelte-1x05zx6{width:100%;height:48px;font-family:var(--font-ui);color:var(--text);background:var(--sidebar);border:1px solid var(--input-border);border-radius:var(--r-sm);transition:border-color var(--t-pop) var(--ease-out);padding:0 14px;font-size:16px}input.svelte-1x05zx6:focus{border-color:var(--accent-text);outline:none}button.svelte-1x05zx6{appearance:none;height:46px;font-family:var(--font-ui);color:var(--on-accent);background:var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:transform var(--t-press) var(--ease-out), filter var(--t-press) var(--ease-out);border:0;font-size:14px;font-weight:600}button.svelte-1x05zx6:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){button.svelte-1x05zx6:hover{filter:brightness(1.06)}}.err.svelte-1x05zx6{color:var(--danger);text-align:center;margin:0;font-size:13px}@media (width>=880px){.login.svelte-1x05zx6{grid-template-columns:min(760px,53%) minmax(0,1fr);gap:0;height:100dvh;padding:0;display:grid}.art.svelte-1x05zx6{aspect-ratio:auto;border-radius:0;max-width:none;height:100%}.side.svelte-1x05zx6{justify-content:center;align-items:center;max-width:none;height:100%;padding:24px;display:flex}.card.svelte-1x05zx6{width:380px}input.svelte-1x05zx6{font-size:14px}}
