:root{--bg:#fafaf9;--bg-gradient:radial-gradient(ellipse 80% 50% at 50% -10%, #4f46e50f, transparent 60%);--surface:#fff;--surface-2:#f5f5f4;--surface-3:#eeedea;--border:#e7e5e1;--border-strong:#d6d3cd;--text:#18181b;--text-2:#3f3f46;--text-3:#71717a;--text-4:#a1a1aa;--accent:#4f46e5;--accent-2:#6366f1;--accent-soft:#eef2ff;--accent-border:#c7d2fe;--success:#16a34a;--success-soft:#ecfdf5;--success-border:#bbf7d0;--warn:#b45309;--warn-soft:#fef3c7;--warn-border:#fde68a;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--info:#0369a1;--info-soft:#eff6ff;--info-border:#bfdbfe;--ink:#0b0b0e;--radius:7px;--radius-lg:10px;--shadow-sm:0 1px 2px #18181b0a;--shadow-md:0 4px 12px #18181b0f, 0 1px 2px #18181b0a;--shadow-lg:0 12px 32px #18181b14, 0 2px 8px #18181b0a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5}body{min-height:100vh}.mono{font-feature-settings:"zero";font-family:JetBrains Mono,ui-monospace,monospace}button,input,textarea,select{font-family:inherit}#root{min-height:100vh}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.row-hover:hover{background:var(--surface-2)!important}.nav-item-hover:hover{background:var(--surface-2)!important;color:var(--text)!important}.nav-item-hover:hover svg{color:var(--text)!important}::selection{background:var(--accent-soft);color:var(--accent)}a{color:inherit;text-decoration:none}.auth-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand{background:var(--ink);color:#fafaf9;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background-image:radial-gradient(600px 400px at 20% 10%,#6366f140,#0000 60%),radial-gradient(500px 300px at 90% 90%,#6366f11f,#0000 60%);position:absolute;inset:0}.auth-brand:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 70%)}.auth-brand>*{z-index:1;position:relative}.auth-right{background:var(--bg);flex-direction:column;min-height:100vh;padding:40px;display:flex}.auth-right-inner{width:100%;max-width:420px;margin:auto}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.brand .muted{color:var(--text-3);font-weight:400}.brand.on-dark .muted{color:#fafaf980}h1.auth-title{letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:600;line-height:1.2}.auth-sub{color:var(--text-3);font-size:14px}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-2);font-size:12.5px;font-weight:500}.auth-field .hint{color:var(--text-3);font-size:11.5px}.auth-field .err{color:var(--danger);font-size:11.5px}.auth-input,.auth-select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.auth-input:focus,.auth-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input::placeholder{color:var(--text-4)}.input-with-icon{position:relative}.input-with-icon .auth-input{padding-left:36px}.input-with-icon .ico{color:var(--text-4);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-with-suffix{position:relative}.input-with-suffix .auth-input{padding-right:52px}.input-with-suffix .toggle{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11.5px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-with-suffix .toggle:hover{background:var(--surface-2);color:var(--text)}.auth-check{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.auth-check input{width:15px;height:15px;accent-color:var(--accent)}.auth-check a{color:var(--accent)}.auth-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1;transition:background .1s,border-color .1s,transform .1s;display:inline-flex}.auth-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.auth-btn:active{transform:translateY(.5px)}.auth-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.auth-btn.primary:hover{background:#000}.auth-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-btn.accent:hover{background:var(--accent-2)}.auth-btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.auth-btn.ghost:hover{background:var(--surface-2);color:var(--text)}.auth-btn.lg{padding:12px 18px;font-size:14px}.auth-btn.full{width:100%}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.sso-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.sso-row .auth-btn{padding:10px}.sso-row .auth-btn svg{width:16px;height:16px}.auth-divider{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:20px 0;font-size:11.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.brand-lead{letter-spacing:-.015em;color:#fff;max-width:420px;font-size:22px;font-weight:500;line-height:1.35}.brand-meta{color:#fafaf999;font-size:12.5px;line-height:1.6}.brand-signal{color:#fafaf9d9;background:#ffffff0f;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:12px;display:inline-flex}.brand-signal .dot{background:var(--accent);opacity:.9;color:#fff;border-radius:99px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:inline-flex}.brand-mini-ui{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;max-width:420px;margin-top:28px;padding:16px}.auth-stack{flex-direction:column;gap:16px;display:flex}.auth-row{align-items:center;gap:10px;display:flex}.auth-hr{background:var(--border);border:0;height:1px;margin:20px 0}.otp-row{justify-content:center;gap:10px;display:flex}.otp-input{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:48px;height:56px;color:var(--text);outline:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:600;transition:border-color .12s,box-shadow .12s}.otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.onb-shell{flex-direction:column;min-height:100vh;display:flex}.onb-top{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:24px;padding:20px 32px;display:flex}.onb-stepper{flex:1;justify-content:center;gap:6px;max-width:520px;margin:0 auto;display:flex}.onb-step{background:var(--surface-3);border-radius:99px;flex:1;height:3px;transition:background .2s}.onb-step.active{background:var(--accent)}.onb-step.done{background:var(--accent);opacity:.6}.onb-body{background:var(--bg);background-image:var(--bg-gradient);flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.onb-card{width:100%;max-width:560px}.onb-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:500;display:inline-flex}.onb-eyebrow .dot{background:var(--accent);border-radius:99px;width:6px;height:6px}.onb-card h1{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:600;line-height:1.2}.onb-card .sub{color:var(--text-3);margin-bottom:32px;font-size:14.5px}.onb-foot{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.onb-foot .ft-meta{color:var(--text-3);font-size:12px}.select-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.select-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;text-align:left;align-items:flex-start;gap:12px;padding:14px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.select-card:hover{border-color:var(--border-strong)}.select-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #4f46e514}.select-card .sc-icon{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.select-card.selected .sc-icon{color:var(--accent);background:#fff}.select-card .sc-title{margin-bottom:3px;font-size:13.5px;font-weight:600}.select-card .sc-desc{color:var(--text-3);font-size:12px;line-height:1.45}.select-card .sc-check{border:1.5px solid var(--border);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;display:inline-flex}.select-card.selected .sc-check{border-color:var(--accent);background:var(--accent);color:#fff}.select-card.selected .sc-check:after{content:"✓";font-size:11px;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.32s ease-out both fadeUp}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:.32s ease-out shake}@media (prefers-reduced-motion:reduce){.fade-up,.shake{animation:none}}.tour-root{z-index:500;pointer-events:none;position:fixed;inset:0}.tour-backdrop{-webkit-backdrop-filter:blur(1.5px);pointer-events:auto;background:#1111167a;animation:.18s ease-out fadeIn;position:absolute;inset:0}.tour-spotlight{box-shadow:0 0 0 9999px #11111600, 0 0 0 2px var(--accent), 0 0 0 6px #4f46e540, 0 10px 40px #4f46e559;pointer-events:none;border-radius:10px;outline:none;transition:top .16s,left .16s,width .16s,height .16s;animation:1.8s ease-in-out infinite tour-pulse;position:absolute}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 2px var(--accent), 0 0 0 6px #4f46e538, 0 8px 30px #4f46e54d}50%{box-shadow:0 0 0 2px var(--accent), 0 0 0 10px #4f46e514, 0 12px 40px #4f46e559}}.tour-popover{background:var(--surface);border:1px solid var(--border);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);pointer-events:auto;z-index:1;border-radius:12px;padding:18px;transition:top .18s,left .18s;position:absolute}.tour-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tour-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;font-size:10.5px;font-weight:500;display:inline-flex}.tour-eyebrow .dot{background:var(--accent);border-radius:99px;width:6px;height:6px;box-shadow:0 0 0 3px #4f46e52e}.tour-close{cursor:pointer;width:22px;height:22px;color:var(--text-3);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:inline-flex}.tour-close:hover{background:var(--surface-2);color:var(--text)}.tour-title{letter-spacing:-.01em;color:var(--text);margin:0 0 6px;font-size:15.5px;font-weight:600;line-height:1.3}.tour-body{color:var(--text-2);margin:0 0 12px;font-size:12.5px;line-height:1.55}.tour-footer-note{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:11px;line-height:1.5}.tour-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.tour-progress{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tour-count{color:var(--text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.tour-bar{background:var(--surface-3);border-radius:99px;flex:1;max-width:80px;height:3px;overflow:hidden}.tour-bar-fill{background:var(--accent);height:100%;transition:width .2s}.tour-actions{align-items:center;gap:4px;display:flex}.tour-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:inline-flex}.tour-btn:hover{background:var(--surface-2)}.tour-btn.ghost{color:var(--text-3);background:0 0;border-color:#0000}.tour-btn.ghost:hover{background:var(--surface-2);color:var(--text)}.tour-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.tour-btn.accent:hover{background:var(--accent-2);border-color:var(--accent-2)}.tour-btn svg{flex-shrink:0}.tour-btn.ghost:first-child svg{transform:rotate(180deg)}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-right-inner .mobile-brand{display:flex!important}.select-grid{grid-template-columns:1fr}.tour-popover{width:calc(100vw - 32px)}}@media (width<=540px){.auth-right,.onb-body{padding:24px 20px}.otp-input{width:40px;height:48px;font-size:18px}.sso-row{grid-template-columns:1fr}.onb-top,.onb-foot{padding:16px 20px}}