.login-root.svelte-8k30lk{display:flex;min-height:100vh;width:100%;overflow:hidden;background:#f6f5f1}.hero-panel.svelte-8k30lk{position:relative;width:48%;min-height:100vh;flex-shrink:0;overflow:hidden;display:flex;align-items:stretch}.hero-bg.svelte-8k30lk{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../../../login-bg.jpg);background-size:cover;background-position:center;z-index:0;transform:scale(1.04);animation:svelte-8k30lk-subtle-zoom 20s ease-in-out infinite alternate}@keyframes svelte-8k30lk-subtle-zoom{0%{transform:scale(1.04) translateY(0)}to{transform:scale(1.08) translateY(-12px)}}.hero-overlay.svelte-8k30lk{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0e1a30d9,#0e1a30ad,#0e1a30e6);z-index:1}.hero-content.svelte-8k30lk{position:relative;z-index:2;padding:48px 52px;display:flex;flex-direction:column;gap:36px;width:100%;justify-content:space-between}.hero-brand.svelte-8k30lk{display:flex;align-items:center;gap:14px;animation:svelte-8k30lk-slideDownFade .5s cubic-bezier(.16,1,.3,1) both}.hero-logo.svelte-8k30lk{width:52px;height:52px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px;box-shadow:0 8px 24px #0000004d}.brand-img-contain.svelte-8k30lk{width:100%;height:100%;object-fit:contain}.hero-brand-name.svelte-8k30lk{font-family:Sora,system-ui,sans-serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em}.hero-brand-sub.svelte-8k30lk{font-size:10.5px;color:#ffffff8c;font-weight:600;letter-spacing:.12em;margin-top:2px}.hero-headline.svelte-8k30lk{animation:svelte-8k30lk-slideUpFade .6s cubic-bezier(.16,1,.3,1) .1s both}.hero-headline.svelte-8k30lk h2:where(.svelte-8k30lk){font-family:Sora,system-ui,sans-serif;font-size:38px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.2;margin:0 0 16px}.hero-headline.svelte-8k30lk p:where(.svelte-8k30lk){font-size:16px;color:#fff9;line-height:1.55;margin:0;max-width:340px}.hero-features.svelte-8k30lk{display:flex;flex-direction:column;gap:12px;animation:svelte-8k30lk-slideUpFade .6s cubic-bezier(.16,1,.3,1) .2s both}.feature-item.svelte-8k30lk{display:flex;align-items:center;gap:14px;background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:14px 18px;transition:background .2s,transform .2s}.feature-item.svelte-8k30lk:hover{background:#ffffff1f;transform:translate(4px)}.feature-icon.svelte-8k30lk{width:36px;height:36px;border-radius:10px;background:#f4b4002e;color:#f4b400;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-title.svelte-8k30lk{font-family:Sora,system-ui,sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em}.feature-desc.svelte-8k30lk{font-size:12px;color:#ffffff80;margin-top:2px}.hero-footer.svelte-8k30lk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#ffffff73;animation:svelte-8k30lk-slideUpFade .6s cubic-bezier(.16,1,.3,1) .3s both}.live-dot.svelte-8k30lk{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:svelte-8k30lk-pulse-green 2s infinite;flex-shrink:0}@keyframes svelte-8k30lk-pulse-green{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.form-panel.svelte-8k30lk{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:#f6f5f1;overflow-y:auto;min-height:100vh}.form-content.svelte-8k30lk{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px;animation:svelte-8k30lk-slideUpFade .5s cubic-bezier(.16,1,.3,1) .15s both}.mobile-brand.svelte-8k30lk{display:none;align-items:center;gap:10px}.mobile-logo.svelte-8k30lk{width:36px;height:36px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2px;box-shadow:0 2px 6px #00000026}.form-brand-header.svelte-8k30lk{display:flex;align-items:center;margin-bottom:4px}.form-brand-logo-img.svelte-8k30lk{height:48px;width:auto;object-fit:contain}.mobile-brand-name.svelte-8k30lk{font-family:Sora,system-ui,sans-serif;font-size:16px;font-weight:700;color:#0e1a30;letter-spacing:-.02em}.form-header.svelte-8k30lk h1:where(.svelte-8k30lk){font-family:Sora,system-ui,sans-serif;font-size:26px;font-weight:700;color:#0e1a30;letter-spacing:-.025em;margin:0 0 6px}.form-header.svelte-8k30lk p:where(.svelte-8k30lk){font-size:14px;color:#5b6478;margin:0;line-height:1.45}.error-banner.svelte-8k30lk{display:flex;align-items:center;gap:9px;background:#fbe7e5;color:#b3261e;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;border:1px solid rgba(179,38,30,.15);animation:svelte-8k30lk-slideDownFade .25s ease both}.success-banner.svelte-8k30lk{display:flex;align-items:center;gap:9px;background:#e3f2e8;color:#1e7446;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid rgba(30,116,70,.15);animation:svelte-8k30lk-slideDownFade .2s ease both}.login-form.svelte-8k30lk{display:flex;flex-direction:column;gap:18px}.field-wrap.svelte-8k30lk{position:relative}.float-label.svelte-8k30lk{position:absolute;top:50%;left:46px;transform:translateY(-50%);font-size:14px;color:#9198a8;pointer-events:none;transition:all .18s cubic-bezier(.16,1,.3,1);transform-origin:left center;z-index:1}.field-wrap.has-value.svelte-8k30lk .float-label:where(.svelte-8k30lk),.field-wrap.focused.svelte-8k30lk .float-label:where(.svelte-8k30lk){top:14px;transform:translateY(0) scale(.78);color:#5b6478;letter-spacing:.02em}.field-wrap.focused.svelte-8k30lk .float-label:where(.svelte-8k30lk){color:#0e1a30}.input-inner.svelte-8k30lk{display:flex;align-items:center;background:#fff;border:1.5px solid #E6E2D8;border-radius:12px;padding:0 14px;height:58px;transition:border-color .15s,box-shadow .15s}.field-wrap.focused.svelte-8k30lk .input-inner:where(.svelte-8k30lk){border-color:#0e1a30;box-shadow:0 0 0 3px #0e1a3014}.field-wrap.has-value.svelte-8k30lk:not(.focused) .input-inner:where(.svelte-8k30lk){border-color:#cbd5e1}.input-icon.svelte-8k30lk{color:#9198a8;flex-shrink:0;margin-right:10px;transition:color .15s}.field-wrap.focused.svelte-8k30lk .input-icon:where(.svelte-8k30lk){color:#0e1a30}.input-inner.svelte-8k30lk input:where(.svelte-8k30lk){flex:1;border:none;background:transparent;font-family:Figtree,system-ui,sans-serif;font-size:14.5px;color:#0e1a30;padding-top:14px;outline:none;width:100%;min-width:0}.input-inner.svelte-8k30lk input:where(.svelte-8k30lk)::placeholder{color:transparent}.toggle-pw.svelte-8k30lk{background:none;border:none;padding:4px;color:#9198a8;cursor:pointer;border-radius:6px;flex-shrink:0;display:flex;align-items:center;transition:color .15s,background .15s}.toggle-pw.svelte-8k30lk:hover{color:#0e1a30;background:#f1f5f9}.form-options.svelte-8k30lk{display:flex;align-items:center;justify-content:space-between}.remember-label.svelte-8k30lk{display:flex;align-items:center;gap:8px;font-size:13px;color:#5b6478;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox.svelte-8k30lk{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1.5px solid #CBD5E1;border-radius:5px;background:#fff;position:relative;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0}.checkbox.svelte-8k30lk:checked{background:#0e1a30;border-color:#0e1a30}.checkbox.svelte-8k30lk:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid #FFF;border-top:none;border-left:none;transform:rotate(45deg)}.forgot-link.svelte-8k30lk{font-size:13px;color:#2d5ba8;font-weight:500;text-decoration:none;transition:color .15s}.forgot-link.svelte-8k30lk:hover{color:#0e1a30;text-decoration:underline}.btn-login.svelte-8k30lk{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;background:#0e1a30;color:#fff;border:none;border-radius:13px;font-family:Figtree,system-ui,sans-serif;font-size:15.5px;font-weight:700;cursor:pointer;letter-spacing:-.01em;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-login.svelte-8k30lk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.btn-login.svelte-8k30lk:hover:not(:disabled){background:#1b2a47;transform:translateY(-2px);box-shadow:0 8px 24px #0e1a3047}.btn-login.svelte-8k30lk:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-login.svelte-8k30lk:disabled{opacity:.85;cursor:not-allowed}.btn-login.loading.svelte-8k30lk{background:#1b2a47}.btn-login.success.svelte-8k30lk{background:#1e7446;box-shadow:0 6px 20px #1e74464d}.spinner.svelte-8k30lk{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:svelte-8k30lk-spin .7s linear infinite;flex-shrink:0}@keyframes svelte-8k30lk-spin{to{transform:rotate(360deg)}}.demo-box.svelte-8k30lk{background:#fff3c4;border:1px solid rgba(244,180,0,.3);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.demo-box-header.svelte-8k30lk{display:flex;align-items:center;gap:7px}.demo-dot.svelte-8k30lk{width:7px;height:7px;border-radius:50%;background:#d97706;flex-shrink:0}.demo-title.svelte-8k30lk{font-size:12.5px;font-weight:700;color:#92400e}.demo-text.svelte-8k30lk{font-size:12px;color:#78350f;margin:0;line-height:1.4}.btn-demo.svelte-8k30lk{align-self:flex-start;background:#0e1a3014;border:1px solid rgba(14,26,48,.12);color:#0e1a30;font-family:Figtree,system-ui,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;border-radius:7px;cursor:pointer;transition:background .15s}.btn-demo.svelte-8k30lk:hover{background:#0e1a3024}.form-footer-note.svelte-8k30lk{font-size:12px;color:#9198a8;text-align:center;margin:0}@keyframes svelte-8k30lk-slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-8k30lk-slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.hero-panel.svelte-8k30lk{display:none}.form-panel.svelte-8k30lk{padding:24px 20px}.mobile-brand.svelte-8k30lk{display:flex}}@media(max-width:480px){.form-content.svelte-8k30lk{gap:20px}.form-header.svelte-8k30lk h1:where(.svelte-8k30lk){font-size:22px}}