:root{--teal-50:#e9f9f8;--teal-100:#caf2ef;--teal-200:#96ddcf;--teal-300:#6bcbb5;--teal-400:#40ba9b;--teal-500:#1eac86;--teal-600:#3f9c89;--teal-700:#488d83;--neutral-100:#e7eded;--neutral-200:#d1d1cf;--neutral-300:#a8a8a6;--neutral-400:#787876;--neutral-500:#555553;--neutral-900:#231f20;--login-fg-1:#0f172a;--login-fg-2:var(--neutral-500);--login-fg-3:var(--neutral-400);--login-border-1:#e5e7eb;--login-r-xs:.375rem;--login-r-sm:.75rem;--login-r-2xl:1.75rem;--login-r-pill:9999px;--login-shadow-lg:0 18px 40px -20px #0f172a1f}.login-page{height:100vh;color:var(--login-fg-1);font-family:var(--font-manrope), system-ui, -apple-system, sans-serif;background:#f7f8fa;overflow:hidden}.login-page #stage{z-index:0;position:fixed;inset:0}.login-page #stage canvas{width:100%;height:100%;display:block}.login-page .chrome{pointer-events:none;z-index:10;position:fixed;inset:0}.login-page .topbar{pointer-events:auto;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:absolute;top:0;left:0;right:0}.login-page .brand{align-items:center;gap:10px;display:flex}.login-page .brand img.mark{width:auto;height:26px;display:block}.login-page .brand img.wordmark{width:auto;height:18px;display:block}.login-page .tb-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--login-fg-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.login-page .login-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.login-page .card{border:1px solid var(--login-border-1);border-radius:var(--login-r-2xl);width:min(400px,100vw - 48px);box-shadow:var(--login-shadow-lg);-webkit-backdrop-filter:blur(18px)saturate(130%);pointer-events:auto;background:#ffffffc7;padding:36px 36px 30px}.login-page .eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--teal-500);font-size:11px;font-weight:600}.login-page .card h1{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.02em;color:var(--login-fg-1);margin:10px 0 6px;font-size:28px;font-weight:600;line-height:1.15}.login-page .card p.sub{color:var(--login-fg-2);margin:0 0 22px;font-size:14px;line-height:1.55}.login-page .card-brand{margin:10px 0 2px}.login-page .card-brand img{width:auto;height:26px;display:block}.login-page .error{border-radius:var(--login-r-xs);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;margin-bottom:14px;padding:10px 12px;font-size:12px}.login-page .field{margin-bottom:12px;display:block}.login-page .field label{color:var(--login-fg-2);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-page .field input{box-sizing:border-box;border:1px solid var(--login-border-1);border-radius:var(--login-r-sm);width:100%;color:var(--login-fg-1);background:#fff;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s}.login-page .field input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #1eac8626}.login-page .btn{background:var(--neutral-900);color:#fff;border-radius:var(--login-r-pill);cursor:pointer;letter-spacing:.01em;border:none;width:100%;margin-top:14px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .14s,transform .14s}.login-page .btn:hover{opacity:.92}.login-page .btn:active{opacity:.82}.login-page .card .foot{color:var(--login-fg-3);justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}.login-page .card .foot a{color:var(--login-fg-2);text-decoration:none}.login-page .card .foot a:hover{color:var(--teal-500)}.login-page .footbar{pointer-events:auto;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-page .footmeta{letter-spacing:.1em;text-transform:uppercase;color:var(--login-fg-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.login-page .switcher{border:1px solid var(--login-border-1);border-radius:var(--login-r-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;align-items:center;gap:4px;padding:4px;display:flex}.login-page .swatch{border-radius:var(--login-r-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:22px;padding:0;transition:background .18s;display:flex;position:relative}.login-page .swatch .pip{background:var(--neutral-300);border-radius:50%;width:7px;height:7px;transition:background .18s,transform .18s}.login-page .swatch:hover .pip{background:var(--teal-300)}.login-page .swatch.active .pip{background:var(--teal-500);transform:scale(1.25);box-shadow:0 0 0 3px #1eac8626}.login-page .swatch .name{letter-spacing:.1em;text-transform:uppercase;color:var(--login-fg-2);border:1px solid var(--login-border-1);border-radius:var(--login-r-xs);opacity:0;pointer-events:none;white-space:nowrap;background:#fffffff2;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;transition:opacity .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.login-page .swatch:hover .name{opacity:1}.login-page .divider{background:var(--login-border-1);width:1px;height:14px;margin:0 6px}.login-page .foot-label{letter-spacing:.12em;text-transform:uppercase;color:var(--login-fg-3);padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}@media (prefers-reduced-motion:reduce){.login-page #stage{background:linear-gradient(#f7f8fa 0%,#e9f9f8 100%)}.login-page #stage canvas,.login-page .switcher{display:none}}