@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 236px;--topbar-height: 60px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--ease-out: cubic-bezier(.22, .9, .28, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--font-sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-display: "Inter", "SF Pro Display", var(--font-sans);--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--transition-fast: var(--dur-fast) var(--ease-out);--transition-smooth: var(--dur) var(--ease-out);--transition-spring: var(--dur) var(--ease-spring)}:root[data-theme=dark]{--brand: #818CF8;--brand-strong: #6366F1;--brand-soft: rgba(129, 140, 248, .12);--brand-softer: rgba(129, 140, 248, .06);--brand-2: #C084FC;--brand-warm: #FBBF24;--success: #34D399;--success-soft: rgba(52, 211, 153, .12);--warning: #FBBF24;--warning-soft: rgba(251, 191, 36, .12);--danger: #F87171;--danger-soft: rgba(248, 113, 113, .12);--info: #60A5FA;--info-soft: rgba(96, 165, 250, .12);--bg: #0B0D12;--bg-subtle: #0F1218;--surface: #14171E;--surface-2: #1A1E26;--surface-3: #232833;--overlay: rgba(11, 13, 18, .72);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--border-accent: rgba(129, 140, 248, .28);--text: #ECEEF1;--text-muted: #9CA3AF;--text-subtle: #5E6470;--text-on-brand: #0B0D12;--shadow-xs: 0 1px 1px rgba(0,0,0,.22);--shadow-sm: 0 1px 3px rgba(0,0,0,.28), 0 1px 2px rgba(0,0,0,.18);--shadow-md: 0 4px 10px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 14px 36px rgba(0,0,0,.38), 0 5px 12px rgba(0,0,0,.22);--shadow-xl: 0 28px 64px rgba(0,0,0,.42), 0 10px 24px rgba(0,0,0,.24);--shadow-ring: 0 0 0 1px rgba(129, 140, 248, .35), 0 8px 24px rgba(99, 102, 241, .18);--focus-ring: 0 0 0 3px rgba(129, 140, 248, .25);--bg-legacy: var(--bg);--card: var(--surface);--text-legacy: var(--text);--dim: var(--text-muted);--blue: var(--brand);--purple: var(--brand-2);--green: var(--success);--orange: var(--warning);--red: var(--danger);--yellow: var(--brand-warm);--neon-glow: 0 0 0 1px var(--border-accent);--glass-bg: var(--surface);--glass-border: var(--border)}:root,:root[data-theme=light]{--brand: #4F46E5;--brand-strong: #4338CA;--brand-soft: rgba(79, 70, 229, .08);--brand-softer: rgba(79, 70, 229, .04);--brand-2: #7C3AED;--brand-warm: #D97706;--success: #059669;--success-soft: rgba(5, 150, 105, .08);--warning: #D97706;--warning-soft: rgba(217, 119, 6, .08);--danger: #DC2626;--danger-soft: rgba(220, 38, 38, .08);--info: #2563EB;--info-soft: rgba(37, 99, 235, .08);--bg: #FAFAF9;--bg-subtle: #F4F4F2;--surface: #FFFFFF;--surface-2: #F7F7F5;--surface-3: #EEEEEB;--overlay: rgba(17, 24, 39, .4);--border: rgba(17, 24, 39, .08);--border-strong: rgba(17, 24, 39, .14);--border-accent: rgba(79, 70, 229, .22);--text: #1F2023;--text-muted: #5A5F69;--text-subtle: #8E93A0;--text-on-brand: #FFFFFF;--shadow-xs: 0 1px 1px rgba(17, 24, 39, .04);--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06), 0 1px 1px rgba(17, 24, 39, .04);--shadow-md: 0 4px 12px rgba(17, 24, 39, .06), 0 2px 4px rgba(17, 24, 39, .04);--shadow-lg: 0 14px 36px rgba(17, 24, 39, .1), 0 4px 10px rgba(17, 24, 39, .04);--shadow-xl: 0 28px 64px rgba(17, 24, 39, .14), 0 10px 20px rgba(17, 24, 39, .05);--shadow-ring: 0 0 0 1px rgba(79, 70, 229, .2), 0 6px 18px rgba(79, 70, 229, .1);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .18);--card: var(--surface);--dim: var(--text-muted);--blue: var(--brand);--purple: var(--brand-2);--green: var(--success);--orange: var(--warning);--red: var(--danger);--yellow: var(--brand-warm);--glass-bg: var(--surface);--glass-border: var(--border)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.55;letter-spacing:-.005em;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}::selection{background:var(--brand-soft);color:var(--text)}.sci-fi-text{font-family:var(--font-display);font-weight:600;text-transform:none;letter-spacing:-.01em}.gradient-text{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.oc-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand);border:1px solid var(--border-accent);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-display);letter-spacing:0;transition:transform var(--dur-fast) var(--ease-out)}.oc-avatar-btn:hover{transform:scale(1.04)}.oc-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:50;animation:fadeIn var(--dur-fast) var(--ease-out)}.oc-popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--r-sm);color:var(--text);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.oc-popover-item:hover{background:var(--surface-2)}.oc-popover-divider{height:1px;background:var(--border);margin:4px 2px}.oc-popover-meta{padding:10px 10px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.oc-popover-meta .name{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.01em}.oc-popover-meta .sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartbeat{0%,to{opacity:.9}50%{opacity:1}}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.oc-auth-page{--text: #eceef1;--text-muted: #9ca3af;--text-subtle: #5e6470;--text-on-brand: #0b0d12;--brand: #818cf8;--brand-strong: #6366f1;--brand-2: #c084fc;--info: #60a5fa;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--r-md: 8px;--r-lg: 12px;--dur-fast: .12s;--ease-out: cubic-bezier(.22, .9, .28, 1);--font-display: "Inter", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--focus-ring: 0 0 0 3px rgba(129, 140, 248, .25);min-height:100vh;display:grid;grid-template-columns:minmax(0,58fr) minmax(320px,42fr);align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(48px,8vh,96px) clamp(28px,5vw,64px);background:radial-gradient(ellipse at 16% 82%,rgba(99,102,241,.14),transparent 52%),radial-gradient(ellipse at 84% 16%,rgba(192,132,252,.1),transparent 46%),#0b0d12;color:var(--text);overflow:hidden;position:relative}.oc-auth-hero{min-width:0}.oc-auth-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px}.oc-auth-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--text-on-brand);font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:-.04em;line-height:1}.oc-auth-brand-title{font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--text);line-height:1.1}.oc-auth-brand-sub{margin-top:3px;font-size:11px;color:var(--text-muted);letter-spacing:.04em}.oc-auth-brand-logo{display:inline-flex;align-items:center;gap:13px;width:auto;max-width:min(236px,62vw)}.oc-auth-brand-logo-mark{display:block;width:60px;height:52px;object-fit:contain}.oc-auth-brand-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.oc-auth-brand-wordmark{display:block;color:var(--text);font-size:28px;font-weight:500;line-height:.94;letter-spacing:.01em}.oc-auth-brand-subtitle{margin-top:6px;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.04em}.oc-auth-hero-title{font-family:var(--font-display);font-size:clamp(40px,4.2vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--text);margin:0}.oc-auth-hero-line{display:block}.oc-auth-hero-line+.oc-auth-hero-line{margin-top:.08em}.oc-auth-hero-line-accent{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 52%,var(--info) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.fx-auth-input--plain{padding-left:14px}.fx-auth-form{margin-top:28px;display:flex;flex-direction:column;gap:16px}.fx-auth-local{height:48px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.fx-auth-local:hover{background:#ffffff0d}.oc-auth-panel{justify-self:end;width:min(100%,430px)}.oc-auth-card{border-radius:var(--r-lg);background:#14171fb8;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px #0000006b,0 1px 1px #ffffff0f inset;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);padding:34px}.oc-auth-kicker{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:14px}.oc-auth-title{font-family:var(--font-display);font-size:24px;line-height:1.18;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.oc-auth-subtitle{margin:8px 0 0;color:var(--text-muted);font-size:13.5px;line-height:1.55}.oc-auth-form{margin-top:28px;display:flex;flex-direction:column;gap:14px}.oc-auth-field{display:flex;flex-direction:column;gap:7px}.oc-auth-label{font-size:12px;font-weight:600;color:var(--text)}.oc-auth-input{width:100%;height:48px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:var(--text);padding:0 14px;font:inherit;font-size:14px;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.oc-auth-input::placeholder{color:var(--text-subtle)}.oc-auth-input:focus{border-color:var(--brand-strong);background:#ffffff1a;box-shadow:var(--focus-ring)}.oc-auth-submit{height:48px;border:0;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-strong),var(--brand));color:var(--text-on-brand);font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 28px #6366f147;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.oc-auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #6366f157}.oc-auth-submit:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.oc-auth-local{height:48px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.oc-auth-local:hover{background:#ffffff0f;border-color:#ffffff38}.oc-auth-error{border-radius:var(--r-md);padding:11px 12px;font-size:12.5px;line-height:1.45;color:var(--danger);background:var(--danger-soft);border:1px solid rgba(220,38,38,.14);margin:0}@media(max-width:980px){.oc-auth-page{grid-template-columns:1fr;padding:56px 24px 32px;overflow:auto;gap:32px}.oc-auth-hero{text-align:left}.oc-auth-panel{justify-self:center;width:min(100%,430px)}}@media(max-width:520px){.oc-auth-page{padding:40px 16px 24px}.oc-auth-card{padding:24px}.oc-auth-hero-title{font-size:40px}}:root[data-theme=dark]{--fx-glass-hi: rgba(255, 255, 255, .075);--fx-glass-lo: rgba(255, 255, 255, .025);--fx-glass-border: rgba(255, 255, 255, .09);--fx-glass-border-hi: rgba(129, 140, 248, .32);--fx-glass-sheen: rgba(255, 255, 255, .09);--fx-glass-shadow: 0 18px 44px rgba(0, 0, 0, .34), 0 4px 12px rgba(0, 0, 0, .2);--fx-spec: rgba(129, 140, 248, .15);--fx-row: rgba(255, 255, 255, .045);--fx-grid-line: rgba(255, 255, 255, .045);--fx-orb-a: rgba(99, 102, 241, .5);--fx-orb-b: rgba(192, 132, 252, .38);--fx-orb-cursor: rgba(96, 165, 250, .3)}:root,:root[data-theme=light]{--fx-glass-hi: rgba(255, 255, 255, .72);--fx-glass-lo: rgba(255, 255, 255, .42);--fx-glass-border: rgba(255, 255, 255, .75);--fx-glass-border-hi: rgba(79, 70, 229, .28);--fx-glass-sheen: rgba(255, 255, 255, .85);--fx-glass-shadow: 0 18px 44px rgba(31, 41, 55, .1), 0 4px 12px rgba(31, 41, 55, .05);--fx-spec: rgba(79, 70, 229, .08);--fx-row: rgba(17, 24, 39, .035);--fx-grid-line: rgba(17, 24, 39, .05);--fx-orb-a: rgba(99, 102, 241, .22);--fx-orb-b: rgba(192, 132, 252, .18);--fx-orb-cursor: rgba(96, 165, 250, .2)}.fx-home{position:relative;isolation:isolate}.fx-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.fx-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--fx-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--fx-grid-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 62% at 50% 0%,black 0%,transparent 72%);mask-image:radial-gradient(ellipse 90% 62% at 50% 0%,black 0%,transparent 72%)}.fx-orb{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform}.fx-orb--a{width:540px;height:540px;top:-180px;right:-100px;background:radial-gradient(circle at 32% 32%,var(--fx-orb-a),transparent 66%);animation:fx-drift-a 26s ease-in-out infinite alternate}.fx-orb--b{width:460px;height:460px;top:320px;left:-160px;background:radial-gradient(circle at 60% 40%,var(--fx-orb-b),transparent 66%);animation:fx-drift-b 32s ease-in-out infinite alternate}.fx-orb--cursor{width:420px;height:420px;top:0;left:0;background:radial-gradient(circle,var(--fx-orb-cursor),transparent 62%);opacity:.9}@keyframes fx-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-90px,70px,0) scale(1.12)}}@keyframes fx-drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(110px,-60px,0) scale(.94)}}.fx-glass{position:relative;background:linear-gradient(135deg,var(--fx-glass-hi),var(--fx-glass-lo));-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--fx-glass-border);border-radius:var(--r-xl);box-shadow:var(--fx-glass-shadow);transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.fx-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,var(--fx-glass-sheen),transparent 32%);opacity:.55}.fx-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);background:radial-gradient(260px circle at var(--fx-mx, 50%) var(--fx-my, 50%),var(--fx-spec),transparent 72%)}.fx-glass:hover{transform:translateY(-2px);border-color:var(--fx-glass-border-hi)}.fx-glass:hover:after{opacity:1}.fx-glass--static:hover{transform:none}:root[data-theme=dark] .fx-glass{background:linear-gradient(135deg,var(--fx-glass-hi),var(--fx-glass-lo));border-color:var(--fx-glass-border);box-shadow:var(--fx-glass-shadow)}.fx-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle)}.fx-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success);animation:fx-pulse-dot 2.4s ease-in-out infinite}.fx-kicker-sep{width:28px;height:1px;background:linear-gradient(90deg,var(--border-accent),transparent)}@keyframes fx-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.fx-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.14;color:var(--text)}.fx-gradient-text{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 48%,var(--info) 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fx-hero-sub{font-size:14.5px;color:var(--text-muted);line-height:1.65}.fx-pill-row{display:flex;flex-wrap:wrap;gap:8px}.fx-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--text-muted);padding:4px 12px;border-radius:var(--r-full);border:1px solid var(--fx-glass-border);background:linear-gradient(135deg,var(--fx-glass-hi),var(--fx-glass-lo));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fx-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fx-rise{animation:fx-rise .55s var(--ease-spring) both;animation-delay:var(--fx-delay, 0ms)}@media(prefers-reduced-motion:reduce){.fx-rise,.fx-orb--a,.fx-orb--b,.fx-kicker-dot{animation:none!important}.fx-glass,.fx-glass:after{transition:none!important}.fx-glass:hover{transform:none}}.fx-scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;background:var(--bg)}.fx-scene--static{background:radial-gradient(ellipse at 18% 78%,rgba(88,166,255,.2),transparent 52%),radial-gradient(ellipse at 82% 18%,rgba(163,113,247,.16),transparent 46%),var(--bg)}.fx-auth{position:relative;min-height:100vh;width:100%;overflow:hidden;background:transparent;color:var(--text);isolation:isolate}.fx-auth-brand{position:fixed;top:clamp(22px,3vw,36px);left:clamp(24px,4vw,52px);z-index:10}.fx-auth-brand .oc-auth-brand-wordmark{color:var(--text);text-shadow:0 2px 14px rgba(3,6,14,.45)}.fx-auth-brand .oc-auth-brand-subtitle{color:var(--text-subtle);text-shadow:0 2px 12px rgba(3,6,14,.4)}.fx-auth-grid{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-areas:"hero effect card";grid-template-columns:minmax(0,560px) minmax(0,1fr) minmax(400px,480px);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(96px,12vh,140px) clamp(24px,4vw,64px)}.fx-auth-hero{grid-area:hero;opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.fx-auth-hero.fx-revealed{opacity:1;transform:translateY(0)}.fx-auth-hero .fx-kicker{margin-bottom:22px}.fx-auth-title{font-family:var(--font-display);font-size:clamp(34px,4.6vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:var(--text)}.fx-auth-title .fx-title-line{display:block}.fx-auth-title .fx-title-line+.fx-title-line{margin-top:.08em}.fx-auth-title .fx-char{position:relative;display:inline-block;opacity:0;will-change:transform,filter,opacity}.fx-auth-hero.fx-revealed .fx-char{animation:fx-char-in 1.4s cubic-bezier(.3,.5,.3,1) both;animation-delay:var(--fx-char-delay, 0ms)}@keyframes fx-char-in{0%{opacity:0;transform:translate(-.15em);filter:blur(10px) drop-shadow(0 0 8px rgba(170,195,255,.55))}30%{opacity:.06;transform:translate(-.06em);filter:blur(9px) drop-shadow(0 0 8px rgba(170,195,255,.5))}68%{opacity:.85;filter:blur(2px) drop-shadow(0 0 5px rgba(170,195,255,.3))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 0 0 rgba(170,195,255,0))}}.fx-auth-title .fx-mote{position:absolute;left:50%;top:50%;width:var(--fx-ps, 2px);height:var(--fx-ps, 2px);margin:calc(var(--fx-ps, 2px) / -2);border-radius:50%;background:radial-gradient(circle,#fffffff2,#bed4ff99 45%,#a0beff00);box-shadow:0 0 5px 1px #aac8ff59;opacity:0;pointer-events:none}.fx-auth-title .fx-mote--lav{background:radial-gradient(circle,#fffffff2,#d8c4ff99 45%,#b4a0ff00);box-shadow:0 0 5px 1px #c4b0ff59}.fx-auth-hero.fx-revealed .fx-mote{animation:fx-mote-in var(--fx-pdur, 2.4s) cubic-bezier(.3,.45,.25,1) both;animation-delay:var(--fx-pd, 0ms)}@keyframes fx-mote-in{0%{opacity:0;transform:translate(var(--fx-px, -80px),var(--fx-py, 0px))}12%{opacity:var(--fx-po, .85)}38%{opacity:var(--fx-po, .85);transform:translate(calc(var(--fx-px, -80px) * .62),calc(var(--fx-py, 0px) * .6 + var(--fx-pw, 0px)))}68%{opacity:var(--fx-po, .85);transform:translate(calc(var(--fx-px, -80px) * .28),calc(var(--fx-py, 0px) * .28 + var(--fx-pw2, 0px)))}88%{opacity:calc(var(--fx-po, .85) * .8)}to{opacity:0;transform:translate(var(--fx-ax, 0px),var(--fx-ay, 0px)) scale(.8)}}.fx-auth-title .fx-gradient-text{background:none;-webkit-text-fill-color:currentColor}.fx-auth-title .fx-gradient-text .fx-char{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 48%,var(--info) 95%) fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:220% 100%}.fx-auth-hero.fx-revealed .fx-gradient-text .fx-char{animation:fx-char-in 1.4s cubic-bezier(.3,.5,.3,1) both,fx-title-sheen 6s linear infinite;animation-delay:var(--fx-char-delay, 0ms),calc(var(--fx-char-delay, 0ms) + 1.4s)}@keyframes fx-title-sheen{0%{background-position:0% 50%}to{background-position:-220% 50%}}.fx-auth-hero .fx-hero-sub{margin-top:18px;max-width:460px;font-size:15px;line-height:1.65;color:var(--text-muted);opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease-out) 1.15s,transform .7s var(--ease-out) 1.15s}.fx-auth-hero.fx-revealed .fx-hero-sub{opacity:1;transform:translateY(0)}.fx-auth-features{margin-top:36px;list-style:none;display:flex;flex-direction:column;gap:14px}.fx-auth-features li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-muted);opacity:0;transform:translateY(12px);animation:fx-rise .55s var(--ease-spring) forwards;animation-delay:calc(1s + var(--fx-delay, 0ms))}.fx-auth-feature-index{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-softer),var(--brand-soft));border:1px solid var(--border-accent);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--brand)}.fx-auth-card{grid-area:card;opacity:0;transform:translateY(18px) perspective(1000px) rotateX(0);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out);padding:36px}.fx-auth-card.fx-revealed{opacity:1;transform:translateY(0) perspective(1000px) rotateX(0)}.fx-auth-card-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle)}.fx-auth-card-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.18;color:var(--text);margin:0}.fx-auth-card-sub{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--text-muted)}.fx-auth-card form{margin-top:28px;display:flex;flex-direction:column;gap:16px}.fx-auth-card-footer{margin-top:18px;font-size:12px;line-height:1.5;color:var(--text-subtle)}.fx-auth-field{display:flex;flex-direction:column;gap:7px}.fx-auth-label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:0}.fx-auth-input-wrap{position:relative}.fx-auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.fx-auth-input{width:100%;height:48px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#ffffff12;color:var(--text);padding:0 14px 0 42px;font:inherit;font-size:14px;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.fx-auth-input::placeholder{color:var(--text-subtle)}.fx-auth-input:focus{border-color:var(--brand-strong);background:#ffffff1a;box-shadow:var(--focus-ring)}.fx-auth-hint,.fx-auth-error{border-radius:var(--r-md);padding:11px 12px;font-size:12.5px;line-height:1.45}.fx-auth-error{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(220,38,38,.14)}.fx-auth-hint{color:var(--warning);background:var(--warning-soft);border:1px solid rgba(217,119,6,.15)}.fx-auth-submit{height:48px;border:0;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-strong),var(--brand));color:var(--text-on-brand);font:inherit;font-size:14px;font-weight:700;letter-spacing:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 28px #6366f147;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.fx-auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #6366f157}.fx-auth-submit:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}@media(max-width:980px){.fx-auth-grid{grid-template-areas:"hero" "card";grid-template-columns:1fr;padding:92px 24px 32px;gap:32px}.fx-auth-hero{text-align:center}.fx-auth-hero .fx-hero-sub{margin-left:auto;margin-right:auto}.fx-auth-features{align-items:center}.fx-auth-features li{justify-content:center}.fx-auth-card{width:min(100%,460px);margin:0 auto;padding:28px}}@media(max-width:520px){.fx-auth-grid{padding:88px 16px 24px}.fx-auth-card{padding:24px}.fx-auth-title{font-size:30px}}@media(prefers-reduced-motion:reduce){.fx-auth-hero,.fx-auth-card,.fx-auth-features li,.fx-auth-hero .fx-auth-title,.fx-auth-hero .fx-hero-sub,.fx-auth-title .fx-gradient-text,.fx-auth-title .fx-char{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.fx-auth-title .fx-mote{display:none!important}}