body{background:#050b17}.login-shell.svelte-8k30lk{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:linear-gradient(90deg,#050b17fa,#08111fed),repeating-linear-gradient(90deg,rgba(123,97,255,.1) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(33,216,255,.08) 0 1px,transparent 1px 78px);color:#e8edf7;overflow:hidden}.login-stage.svelte-8k30lk{position:relative;min-height:100vh;padding:32px clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(148,163,184,.12)}.login-stage.svelte-8k30lk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(123,97,255,.2),transparent 36%),linear-gradient(315deg,rgba(0,217,255,.16),transparent 42%);pointer-events:none}.brand-lockup.svelte-8k30lk,.login-copy.svelte-8k30lk,.preview-window.svelte-8k30lk{position:relative;z-index:1}.brand-lockup.svelte-8k30lk{display:inline-flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content}.brand-mark.svelte-8k30lk{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#7b61ff,#4530b8);box-shadow:0 0 28px #7b61ff59;font-weight:800;color:#fff}.brand-name.svelte-8k30lk{font-size:18px;font-weight:800;letter-spacing:0}.brand-url.svelte-8k30lk,.eyebrow.svelte-8k30lk,.preview-kicker.svelte-8k30lk{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.16em;color:#8b9bb3;font-size:10px}.preview-window.svelte-8k30lk{width:min(780px,100%);margin:42px 0;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#07111fb8;box-shadow:0 28px 90px #0000005c;overflow:hidden}.preview-top.svelte-8k30lk{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(148,163,184,.12);background:#050b17c7}.preview-top.svelte-8k30lk span:where(.svelte-8k30lk){width:8px;height:8px;border-radius:999px;background:#42526b}.preview-top.svelte-8k30lk b:where(.svelte-8k30lk){margin-left:8px;font-size:11px;letter-spacing:.14em;color:#b6c2d6}.preview-body.svelte-8k30lk{display:grid;grid-template-columns:170px 1fr;min-height:340px}.preview-rail.svelte-8k30lk{padding:18px 12px;border-right:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;gap:10px}.preview-rail.svelte-8k30lk i:where(.svelte-8k30lk){height:30px;border-radius:7px;background:#94a3b814}.preview-rail.svelte-8k30lk i:where(.svelte-8k30lk):nth-child(2){background:linear-gradient(90deg,#7b61ff52,#7b61ff1a);box-shadow:inset 2px 0 #7b61ff}.preview-main.svelte-8k30lk{padding:26px}.preview-title.svelte-8k30lk{width:min(340px,80%);height:34px;margin:12px 0 22px;border-radius:6px;background:linear-gradient(90deg,#f4f7fb,#f4f7fb47)}.preview-grid.svelte-8k30lk{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.preview-grid.svelte-8k30lk div:where(.svelte-8k30lk),.preview-panel.svelte-8k30lk{border:1px solid rgba(148,163,184,.12);background:#0f1c30b8;border-radius:10px}.preview-grid.svelte-8k30lk div:where(.svelte-8k30lk){height:86px}.preview-panel.svelte-8k30lk{height:118px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-panel.svelte-8k30lk span:where(.svelte-8k30lk){border-radius:6px;background:linear-gradient(180deg,#7b61ffd1,#21d8ff38)}.login-copy.svelte-8k30lk{max-width:720px}.login-copy.svelte-8k30lk h1:where(.svelte-8k30lk){margin:8px 0 10px;color:#fff;font-size:clamp(48px,7vw,86px);line-height:.92;letter-spacing:0;font-weight:850}.login-copy.svelte-8k30lk p:where(.svelte-8k30lk):last-child{max-width:520px;color:#a9b7cd;font-size:17px;line-height:1.6}.login-panel.svelte-8k30lk{min-height:100vh;display:grid;place-items:center;padding:28px;background:#050b1785}.login-card.svelte-8k30lk{width:min(100%,440px);border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#0a1627d1;box-shadow:0 24px 80px #00000061;padding:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-head.svelte-8k30lk{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.card-head.svelte-8k30lk h2:where(.svelte-8k30lk){margin:6px 0 0;font-size:30px;line-height:1;color:#fff;letter-spacing:0}.card-head.svelte-8k30lk a:where(.svelte-8k30lk),.form-row.svelte-8k30lk a:where(.svelte-8k30lk){color:#21d8ff;font-size:13px;font-weight:700;text-decoration:none}.card-head.svelte-8k30lk a:where(.svelte-8k30lk):hover,.form-row.svelte-8k30lk a:where(.svelte-8k30lk):hover{color:#78ecff}.error-banner.svelte-8k30lk,.mfa-note.svelte-8k30lk{margin-bottom:18px;border-radius:8px;padding:12px 14px;font-size:13px}.error-banner.svelte-8k30lk{color:#ffb4b4;background:#ef44441a;border:1px solid rgba(239,68,68,.28)}.mfa-note.svelte-8k30lk{color:#9eefff;background:#21d8ff14;border:1px solid rgba(33,216,255,.2)}form.svelte-8k30lk{display:flex;flex-direction:column;gap:17px}.field.svelte-8k30lk{display:flex;flex-direction:column;gap:8px}label.svelte-8k30lk{color:#c6d1e2;font-size:13px;font-weight:650}input.svelte-8k30lk{width:100%;height:48px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#050b17b8;color:#f5f8ff;padding:0 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input.svelte-8k30lk::-moz-placeholder{color:#66758d}input.svelte-8k30lk::placeholder{color:#66758d}input.svelte-8k30lk:focus{border-color:#21d8ff;background:#07111feb;box-shadow:0 0 0 3px #21d8ff21}.password-field.svelte-8k30lk{position:relative}.password-field.svelte-8k30lk input:where(.svelte-8k30lk){padding-right:48px}.password-field.svelte-8k30lk button:where(.svelte-8k30lk){position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#8b9bb3;cursor:pointer}.password-field.svelte-8k30lk button:where(.svelte-8k30lk):hover{color:#21d8ff;background:#ffffff0d}.password-field.svelte-8k30lk svg:where(.svelte-8k30lk),.spinner.svelte-8k30lk{width:18px;height:18px}.form-row.svelte-8k30lk{display:flex;align-items:center;justify-content:space-between;gap:12px}.remember.svelte-8k30lk{display:inline-flex;align-items:center;gap:9px;color:#a9b7cd;font-weight:500;cursor:pointer}.remember.svelte-8k30lk input:where(.svelte-8k30lk){width:16px;height:16px;flex-shrink:0;accent-color:#21d8ff}.mfa-input.svelte-8k30lk{text-align:center;font-size:24px;letter-spacing:.34em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.submit-btn.svelte-8k30lk,.dev-login.svelte-8k30lk button:where(.svelte-8k30lk){height:48px;border:0;border-radius:8px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.submit-btn.svelte-8k30lk{margin-top:4px;background:linear-gradient(135deg,#21d8ff,#7b61ff);color:#03101f;box-shadow:0 16px 36px #21d8ff2e}.submit-btn.svelte-8k30lk:hover{box-shadow:0 18px 44px #7b61ff42}.submit-btn.svelte-8k30lk:disabled,.dev-login.svelte-8k30lk button:where(.svelte-8k30lk):disabled{cursor:not-allowed;opacity:.62}.spinner.svelte-8k30lk{animation:svelte-8k30lk-spin .8s linear infinite}.spinner.svelte-8k30lk circle:where(.svelte-8k30lk){opacity:.22}.dev-login.svelte-8k30lk{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.14)}.dev-login.svelte-8k30lk button:where(.svelte-8k30lk){width:100%;background:#f59e0b24;color:#fbbf24;border:1px solid rgba(245,158,11,.32)}@keyframes svelte-8k30lk-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.login-shell.svelte-8k30lk{grid-template-columns:1fr;overflow:auto}.login-stage.svelte-8k30lk{min-height:auto;padding:24px;border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.preview-window.svelte-8k30lk{display:none}.login-copy.svelte-8k30lk{margin-top:72px}.login-panel.svelte-8k30lk{min-height:auto;padding:24px;place-items:start center}}@media(max-width:520px){.login-stage.svelte-8k30lk{padding:20px}.login-copy.svelte-8k30lk{margin-top:46px}.login-copy.svelte-8k30lk h1:where(.svelte-8k30lk){font-size:44px}.login-panel.svelte-8k30lk{padding:0 16px 24px}.login-card.svelte-8k30lk{padding:22px}.card-head.svelte-8k30lk{flex-direction:column;gap:10px}.form-row.svelte-8k30lk{align-items:flex-start;flex-direction:column}}