.login-wrapper.svelte-1s728sz{width:100%;height:60%;display:flex;justify-content:center;align-items:center;padding:var(--b)}.login-panel.svelte-1s728sz{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--c)}.login-title.svelte-1s728sz{color:var(--color-title);text-align:center}.error-message.svelte-1s728sz{background-color:var(--color-error);color:#fff;padding:var(--b);border-radius:var(--a);text-align:center;font-size:14px;box-shadow:0 4px 6px #0000001a}.login-form.svelte-1s728sz{display:flex;flex-direction:column;gap:var(--b)}.form-group.svelte-1s728sz{display:flex;flex-direction:column;gap:var(--a)}.form-group.svelte-1s728sz label:where(.svelte-1s728sz){color:var(--color-text);font-size:14px;font-weight:600}.form-group.svelte-1s728sz input:where(.svelte-1s728sz){width:100%;font-size:16px}.form-group.svelte-1s728sz input:where(.svelte-1s728sz):focus{outline:2px solid var(--color-contrast);outline-offset:2px}.login-button.svelte-1s728sz{width:100%;background-color:var(--color-contrast);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease}.login-button.svelte-1s728sz:hover{background-color:#000069e6;transform:translateY(-2px);box-shadow:0 10px 8px #00000040}.login-button.svelte-1s728sz:active{transform:translateY(0);box-shadow:0 6px 6px #0003}