.login-page.svelte-1i2smtp{--accent: var(--primary-9);--accent-dark: var(--primary-10);--accent-light: var(--primary-6);--ink: var(--gray-12);--ink-light: var(--gray-10);--ink-muted: var(--gray-8);--paper: var(--gray-1);--paper-warm: var(--gray-2);--paper-cool: var(--gray-3);--border: var(--gray-5);--border-dark: var(--gray-6);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:"system-ui",sans-serif}.bg-pattern.svelte-1i2smtp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.pattern-grain.svelte-1i2smtp{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025}.pattern-dots.svelte-1i2smtp{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--accent) .5px,transparent .5px);background-size:24px 24px;opacity:.04}.deco-corner.svelte-1i2smtp{position:fixed;font-size:2rem;color:var(--accent);opacity:.15;z-index:0;pointer-events:none}.deco-corner.top-left.svelte-1i2smtp{top:3rem;left:3rem}.deco-corner.bottom-right.svelte-1i2smtp{bottom:3rem;right:3rem}.login-wrapper.svelte-1i2smtp{position:relative;z-index:1;width:100%;max-width:1000px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.brand-side.svelte-1i2smtp{padding:2rem 0}.brand-content.svelte-1i2smtp{display:flex;flex-direction:column;gap:1.5rem}.brand-logo.svelte-1i2smtp{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}@media (max-width: 800px){.login-page.svelte-1i2smtp{padding-block:2rem}.login-wrapper.svelte-1i2smtp{grid-template-columns:1fr;gap:2rem;max-width:420px;padding:0 1.5rem}.brand-side.svelte-1i2smtp{text-align:center;padding:0}.brand-logo.svelte-1i2smtp{justify-content:center}}.brand-logo.svelte-1i2smtp img:where(.svelte-1i2smtp){height:44px;width:auto}.brand-name.svelte-1i2smtp{font-family:inherit;font-size:1.5rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}.brand-headline.svelte-1i2smtp{font-family:inherit;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.2;color:var(--ink);margin:0;letter-spacing:-.02em}.text-accent.svelte-1i2smtp{color:var(--accent)}.brand-desc.svelte-1i2smtp{font-size:1rem;color:var(--ink-light);margin:0}.login-side.svelte-1i2smtp{display:flex;justify-content:center}.login-card.svelte-1i2smtp{width:100%;max-width:380px;background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 0 0 1px rgba(var(--gray-12-rgb, 31, 41, 55),.02),0 12px 40px -10px rgba(var(--gray-12-rgb, 31, 41, 55),.12),0 20px 60px -20px rgba(var(--gray-12-rgb, 31, 41, 55),.08)}.card-header.svelte-1i2smtp{text-align:center;margin-bottom:2rem}.card-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){font-family:inherit;font-size:1.5rem;font-weight:600;color:var(--ink);margin:0 0 .5rem}.card-header.svelte-1i2smtp p:where(.svelte-1i2smtp){font-size:.95rem;color:var(--ink-light);margin:0}.login-methods.svelte-1i2smtp{display:flex;flex-direction:column;gap:1rem}.login-btn.svelte-1i2smtp{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--paper);border:2px solid var(--border-dark);border-radius:12px;color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease}.login-btn.svelte-1i2smtp:hover:not(:disabled){border-color:var(--accent);background:var(--paper-warm);transform:translateY(-2px);box-shadow:0 6px 20px -6px rgba(var(--primary-rgb),.2)}.login-btn.svelte-1i2smtp:active:not(:disabled){transform:translateY(0)}.login-btn.svelte-1i2smtp:disabled{opacity:.6;cursor:not-allowed}.login-btn.loading.svelte-1i2smtp{opacity:1;pointer-events:none;border-color:var(--accent);background:var(--paper-warm)}.btn-spinner.svelte-1i2smtp{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1i2smtp-spin .8s linear infinite}@keyframes svelte-1i2smtp-spin{to{transform:rotate(360deg)}}.login-btn.svelte-1i2smtp .btn-icon:where(.svelte-1i2smtp){width:20px;height:20px;flex-shrink:0;padding:0;border-radius:0}.login-btn.svelte-1i2smtp .btn-icon.brand-icon:where(.svelte-1i2smtp){opacity:.8}.card-footer.svelte-1i2smtp{margin-top:2rem;text-align:center}.card-footer.svelte-1i2smtp p:where(.svelte-1i2smtp){font-size:.75rem;color:var(--ink-muted);margin:0;line-height:1.6}.card-footer.svelte-1i2smtp a:where(.svelte-1i2smtp){color:var(--accent);text-decoration:none;transition:color .2s ease}.card-footer.svelte-1i2smtp a:where(.svelte-1i2smtp):hover{color:var(--accent-dark);text-decoration:underline}@media (max-width: 480px){.login-card.svelte-1i2smtp{padding:2rem 1.5rem}.brand-logo.svelte-1i2smtp img:where(.svelte-1i2smtp){height:36px}.brand-name.svelte-1i2smtp{font-size:1.35rem}.card-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){font-size:1.35rem}.login-btn.svelte-1i2smtp{padding:.875rem 1.25rem;font-size:.9rem}}