.login-container.svelte-l6ulfh{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);padding:1rem}.login-box.svelte-l6ulfh{background:var(--white-color);padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;position:relative}.back-button.svelte-l6ulfh{position:absolute;top:1rem;left:1rem;color:var(--s-color);font-size:1.5rem;text-decoration:none;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;transition:background-color .3s ease}.back-button.svelte-l6ulfh:hover{background-color:var(--bg-color)}.header.svelte-l6ulfh{text-align:center;margin-bottom:2rem}.site-name.svelte-l6ulfh{display:block;color:var(--s-color);font-size:clamp(.9rem,2vw,1.2rem);margin-bottom:.75rem;letter-spacing:.5px}h1.svelte-l6ulfh{color:var(--p-color);text-align:center;font-size:clamp(1.5rem,4vw,2rem);margin:0}.subtitle.svelte-l6ulfh{color:var(--s-color);font-size:1rem;margin-top:.5rem;margin-bottom:0}.input-group.svelte-l6ulfh{margin-bottom:1.5rem}.input-with-icon.svelte-l6ulfh{position:relative}.input-icon-container.svelte-l6ulfh{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--s-color);width:20px;height:20px}label.svelte-l6ulfh{display:block;margin-bottom:.5rem;color:var(--s-color);font-weight:500}input.svelte-l6ulfh{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--s-color);background-color:var(--bg-color);color:var(--t-color);border-radius:6px;font-size:1rem;transition:border-color .3s ease}input.svelte-l6ulfh:focus{outline:none;border-color:var(--p-color)}.error.svelte-l6ulfh{color:var(--h-color);margin:.5rem 0;font-size:.9rem}button.svelte-l6ulfh{width:100%;padding:.75rem;background-color:var(--p-color);color:var(--bg-color);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}button.svelte-l6ulfh:hover{background-color:var(--s-color)}.secondary-button.svelte-l6ulfh{display:block;width:100%;padding:.75rem;margin-top:1rem;text-align:center;color:var(--s-color);text-decoration:none;font-weight:500;transition:color .3s ease}.secondary-button.svelte-l6ulfh:hover{color:var(--p-color)}@media (max-width: 480px){.login-box.svelte-l6ulfh{padding:1.5rem;margin:.5rem;border-radius:8px}.header.svelte-l6ulfh{margin-bottom:1.5rem}.input-group.svelte-l6ulfh{margin-bottom:1rem}.back-button.svelte-l6ulfh{top:.75rem;left:.75rem}}