.auth-wrapper.svelte-1x05zx6{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:2rem;transition:background-color .3s;display:flex}body.dark-mode .auth-wrapper.svelte-1x05zx6{background-color:#0d0d0d}.auth-card.svelte-1x05zx6{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:3rem 2.5rem;box-shadow:0 10px 30px #0000001a}body.dark-mode .auth-card.svelte-1x05zx6{background:#1a1a1a;border-color:#333;box-shadow:0 20px 50px #0009}.auth-header.svelte-1x05zx6{text-align:center;margin-bottom:2.5rem}h1.svelte-1x05zx6{color:#f0a500;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800}.auth-header.svelte-1x05zx6 p:where(.svelte-1x05zx6){color:#6b7280;margin-top:.5rem;font-size:.95rem}.input-field.svelte-1x05zx6{margin-bottom:1.5rem}label.svelte-1x05zx6{color:#374151;margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:block}body.dark-mode label.svelte-1x05zx6{color:#9ca3af}input.svelte-1x05zx6{color:#111827;background:#fff;border:2px solid #d1d5db;border-radius:10px;width:100%;padding:.9rem 1.1rem;font-size:1rem;transition:all .2s}body.dark-mode input.svelte-1x05zx6{color:#fff;background:#262626;border-color:#404040}input.svelte-1x05zx6:focus{border-color:#f0a500;outline:none;box-shadow:0 0 0 4px #f0a50026}input.invalid.svelte-1x05zx6{border-color:#ef4444}.submit-btn.svelte-1x05zx6{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;width:100%;margin-top:1rem;padding:1.1rem;font-size:1.1rem;font-weight:800;transition:background .2s,transform .1s}.submit-btn.svelte-1x05zx6:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.submit-btn.svelte-1x05zx6:disabled{opacity:.6;cursor:not-allowed}.auth-footer.svelte-1x05zx6{text-align:center;color:#6b7280;margin-top:2rem;font-size:.95rem}.auth-footer.svelte-1x05zx6 a:where(.svelte-1x05zx6){color:#f0a500;font-weight:700;text-decoration:none}.auth-footer.svelte-1x05zx6 a:where(.svelte-1x05zx6):hover{text-decoration:underline}.loader.svelte-1x05zx6{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite svelte-1x05zx6-spin;display:inline-block}@keyframes svelte-1x05zx6-spin{to{transform:rotate(360deg)}}