.login-container.svelte-ljzdd2{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;position:relative;overflow:hidden}.background-pattern.svelte-ljzdd2{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 2px,transparent 2px);background-size:40px 40px;background-position:0 0,20px 20px;z-index:1}.login-card.svelte-ljzdd2{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff0d;padding:2.5rem;width:100%;max-width:420px;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header.svelte-ljzdd2{text-align:center;margin-bottom:2rem}.login-header.svelte-ljzdd2 h1:where(.svelte-ljzdd2){font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header.svelte-ljzdd2 p:where(.svelte-ljzdd2){color:#666;font-size:.95rem;margin:0}.login-content.svelte-ljzdd2{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.form-actions.svelte-ljzdd2{width:100%;max-width:300px}.login-btn.svelte-ljzdd2{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.login-btn.svelte-ljzdd2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-btn.svelte-ljzdd2:active{transform:translateY(0)}.login-btn.svelte-ljzdd2:disabled{opacity:.8;cursor:not-allowed;transform:none}.loading-spinner.svelte-ljzdd2{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-ljzdd2-spin 1s linear infinite}@keyframes svelte-ljzdd2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer.svelte-ljzdd2{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e5e9;text-align:center}.demo-note.svelte-ljzdd2{font-size:.85rem;color:#666;background:#f8f9fa;padding:.75rem 1rem;border-radius:6px;border-left:4px solid #28a745;margin:0}.demo-note.svelte-ljzdd2 strong:where(.svelte-ljzdd2){color:#28a745}@media (max-width: 480px){.login-container.svelte-ljzdd2{padding:.5rem}.login-card.svelte-ljzdd2{padding:2rem 1.5rem;border-radius:12px}.login-header.svelte-ljzdd2 h1:where(.svelte-ljzdd2){font-size:1.5rem}}