:root{--canvas: #06080d;--surface: #0c101a;--surface-2: #121826;--surface-3: #182033;--ink: #eef1f8;--ink-2: #b5bed4;--muted: #7d8aa4;--faint: #434e66;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--accent: #0b6cff;--accent-hover: #267cff;--accent-soft: rgba(11, 108, 255, .14);--accent-glow: rgba(11, 108, 255, .35);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--success: #10b981;--success-soft: rgba(16, 185, 129, .15);--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, monospace;--font-display: "Barlow Condensed", "Instrument Sans", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.32, .72, 0, 1)}html.light,[data-theme=light]{--canvas: #f2f4f8;--surface: #ffffff;--surface-2: #e8ecf4;--surface-3: #dde2ed;--ink: #0d1118;--ink-2: #343c50;--muted: #5e6b84;--faint: #96a2bc;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .16);--accent: #0b6cff;--accent-hover: #085ad6;--accent-soft: rgba(11, 108, 255, .12);--accent-glow: rgba(11, 108, 255, .22)}*,*:before,*:after{box-sizing:border-box}body.auth-page{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}.trader-auth-wrap{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative;z-index:2}@media(min-width:1024px){.trader-auth-wrap{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}}.trader-auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.75rem,3.5vw,3.5rem);background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(11,108,255,.14),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 85%,rgba(16,185,129,.08),transparent 50%),linear-gradient(180deg,var(--canvas) 0%,#080c14 100%);border-bottom:1px solid var(--line);overflow:hidden}@media(min-width:1024px){.trader-auth-showcase{border-bottom:none;border-right:1px solid var(--line)}}.trader-auth-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 30% 30%,black 25%,transparent 75%);pointer-events:none;opacity:.35}.showcase-top{position:relative;z-index:5}.showcase-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:9999px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1.25rem}.showcase-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.showcase-brand-mark{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem}.showcase-logo-box{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent);box-shadow:0 8px 24px var(--accent-glow)}.showcase-brand-title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.showcase-headline{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:700;line-height:.98;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}.showcase-headline .gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#38bdf8 60%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-desc{margin:0 0 1.5rem;max-width:520px;font-size:.95rem;line-height:1.55;color:var(--muted)}.showcase-cockpit-widget{position:relative;z-index:5;background:color-mix(in srgb,var(--surface) 92%,#000);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:18px;padding:1.25rem 1.5rem;box-shadow:0 0 0 1px #ffffff0d inset,0 16px 40px #00000073;margin-bottom:2rem;backdrop-filter:blur(16px)}.cockpit-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.cockpit-widget-title{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.cockpit-pulse{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success);animation:pulseDot 2s infinite ease-in-out}.cockpit-widget-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;background:var(--accent-soft);color:#38bdf8;border:1px solid rgba(56,189,248,.3);letter-spacing:.08em}.cockpit-widget-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.cockpit-metric-card{padding:.65rem .85rem;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.metric-label{display:block;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.metric-val{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--ink)}.metric-val.text-emerald{color:#34d399}.metric-val.text-accent{color:#60a5fa}.cockpit-stream{display:flex;flex-direction:column;gap:.4rem}.stream-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-2)}.stream-time{color:var(--faint)}.stream-pair{font-weight:700;color:var(--ink)}.stream-badge{font-size:.6rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.06em}.stream-badge--buy{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.stream-badge--hold{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.stream-score{color:var(--muted)}.stream-status{font-weight:600;color:#38bdf8}.showcase-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;position:relative;z-index:5;margin-bottom:2.5rem}.showcase-feature-card{padding:1.15rem 1.25rem;border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);box-shadow:0 4px 20px #0003;backdrop-filter:blur(12px);transition:transform .3s var(--ease-out),border-color .3s}.showcase-feature-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.feature-icon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.feature-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.feature-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--ink)}.feature-desc{margin:0;font-size:.785rem;line-height:1.45;color:var(--muted)}.showcase-footer-status{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.7rem;color:var(--faint);letter-spacing:.08em}.status-item{display:inline-flex;align-items:center;gap:.45rem}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.trader-auth-dock{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4.5rem);background:var(--canvas)}.dock-tray{width:100%;max-width:440px;border-radius:24px;background:var(--surface);border:1px solid var(--line);padding:clamp(2rem,5vw,2.75rem);box-shadow:0 0 0 1px #ffffff0d inset,0 24px 70px #00000080;position:relative;z-index:10;text-align:center}.dock-header{margin-bottom:1.75rem}.dock-eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:.85rem}.dock-title{margin:0 0 .45rem;font-family:var(--font-display);font-size:2.15rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.05}.dock-subtitle{margin:0;font-size:.875rem;color:var(--muted);line-height:1.45}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.3rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:1.75rem}.auth-mode-tab{border:0;background:transparent;border-radius:9px;padding:.6rem .75rem;font-family:var(--font-sans);font-size:.825rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s}.auth-mode-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #00000040}.auth-glass-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;font-size:.825rem;line-height:1.4;margin-bottom:1.25rem;text-align:left}.auth-glass-alert[hidden],.auth-consent[hidden],[hidden]{display:none!important}.auth-glass-alert--error{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));background:var(--danger-soft);color:#fca5a5}.auth-consent{display:flex;align-items:flex-start;gap:.75rem;font-size:.775rem;line-height:1.45;color:var(--muted);text-align:left;margin-bottom:1.25rem;padding:.65rem .85rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer}.auth-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.auth-glass-checkbox{margin-top:.15rem;accent-color:var(--accent);width:16px;height:16px}.auth-providers{display:grid;gap:.65rem;margin-bottom:1.25rem}.auth-glass-oauth{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%;padding:.9rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);font-family:var(--font-sans);font-size:.925rem;font-weight:600;cursor:pointer;transition:transform .2s var(--ease-out),border-color .2s,background .2s,box-shadow .2s}.auth-glass-oauth svg{width:22px;height:22px;flex-shrink:0}.auth-glass-oauth span{flex:1;text-align:left}.auth-glass-oauth .oauth-arrow{width:16px;height:16px;color:var(--faint);transition:transform .2s var(--ease-out),color .2s}.auth-glass-oauth:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-2) 80%,var(--accent));box-shadow:0 8px 24px #00000059}.auth-glass-oauth:hover:not(:disabled) .oauth-arrow{transform:translate(3px);color:var(--ink)}.auth-glass-oauth:disabled{opacity:.45;cursor:not-allowed}.dock-sso-badge{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.75rem 1rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:.75rem;color:var(--muted);margin-bottom:1.5rem}.dock-sso-badge svg{color:var(--success);flex-shrink:0}.dock-foot{padding-top:1.25rem;border-top:1px solid var(--line)}.dock-links{display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:.775rem;color:var(--faint);margin-bottom:.65rem}.dock-links a{color:var(--muted);text-decoration:none;transition:color .2s}.dock-links a:hover{color:var(--ink)}.dock-copy{font-family:var(--font-mono);font-size:.6875rem;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.auth-loading-overlay{position:fixed;inset:0;background:#06080dcc;backdrop-filter:blur(10px);z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s}.auth-loading-overlay.is-visible{opacity:1;pointer-events:auto}.auth-spinner{width:38px;height:38px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.oauth-relay{position:relative;display:flex;min-height:100vh;min-height:100dvh;width:100%;align-items:center;justify-content:center;overflow:hidden;background:var(--canvas);color:var(--ink)}.oauth-relay__glow{position:fixed;width:min(85vw,720px);height:min(85vw,720px);border-radius:9999px;filter:blur(120px);pointer-events:none;z-index:0;opacity:.85}.oauth-relay__glow--provider{top:-15%;left:-10%;background:radial-gradient(circle,rgba(234,67,53,.18) 0%,rgba(88,101,242,.12) 40%,transparent 70%)}.oauth-relay__glow--app{right:-10%;bottom:-15%;background:radial-gradient(circle,var(--accent-glow) 0%,rgba(16,185,129,.12) 45%,transparent 70%)}.oauth-relay__grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.oauth-relay__hairline{position:fixed;top:0;right:10%;left:10%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),var(--accent),var(--line-strong),transparent);pointer-events:none;z-index:2}.oauth-relay__inner{position:relative;z-index:10;width:100%;max-width:640px;padding:3rem 1.5rem 2.5rem;text-align:center}.oauth-relay__overline-row{display:flex;justify-content:center;margin-bottom:1.25rem}.oauth-relay__overline{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.oauth-relay__axis{display:flex;align-items:flex-start;justify-content:space-between;margin:1.75rem 0 1rem;padding:0 .75rem}.oauth-relay__node-wrap{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:.65rem;width:80px}.oauth-relay__node{position:relative;display:flex;width:72px;height:72px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:22px;background:var(--surface-2);box-shadow:0 4px 14px #0003;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}.oauth-relay__node--done{border-color:color-mix(in srgb,var(--node-color, var(--accent)) 60%,var(--line))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--node-color, var(--accent)) 25%,transparent),0 8px 28px color-mix(in srgb,var(--node-color, var(--accent)) 25%,transparent)}.oauth-relay__node--active{border-color:color-mix(in srgb,var(--node-color, var(--accent)) 75%,var(--line))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--node-color, var(--accent)) 30%,transparent),0 0 32px color-mix(in srgb,var(--node-color, var(--accent)) 35%,transparent)}.oauth-relay__node--error{border-color:var(--danger)!important;box-shadow:0 0 0 1px #ef44444d,0 8px 24px #ef444440}.oauth-relay__node-icon{display:flex;align-items:center;justify-content:center}.oauth-relay__node-icon svg{width:32px;height:32px}.oauth-relay__node-label{font-family:var(--font-sans);font-size:.725rem;font-weight:600;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.oauth-relay__check-badge{position:absolute;right:-6px;bottom:-6px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:9999px;background:var(--node-color, var(--accent));box-shadow:0 2px 10px #0006;animation:badgePop .35s cubic-bezier(.34,1.56,.64,1) forwards}.oauth-relay__check-badge--error{background:var(--surface);border:1.5px solid var(--danger)}.oauth-relay__check{width:14px;height:14px}.oauth-relay__check polyline{stroke-dasharray:20;stroke-dashoffset:20;animation:checkDraw .4s .1s ease-out forwards}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.oauth-relay__pulse{position:absolute;inset:-2px;border:2px solid var(--node-color, var(--accent));border-radius:24px;pointer-events:none;animation:pulseLoop 1.6s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulseLoop{0%{transform:scale(1);opacity:.8}to{transform:scale(1.35);opacity:0}}.oauth-relay__connector{position:relative;flex:1;height:2px;margin-top:35px;background:var(--line);border-radius:9999px;overflow:visible}.oauth-relay__connector-fill{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0);transition:transform .5s var(--ease-in-out)}.oauth-relay__connector.is-filled .oauth-relay__connector-fill{transform:scaleX(1)}.oauth-relay__connector-spark{position:absolute;top:50%;width:9px;height:9px;border-radius:9999px;transform:translate(-50%,-50%);background:currentColor;box-shadow:0 0 14px 4px color-mix(in srgb,currentColor 75%,transparent),0 0 4px 1px #fff;opacity:0}.oauth-relay__connector.is-flowing .oauth-relay__connector-spark{opacity:1;animation:sparkTravel 1.2s ease-in-out infinite}@keyframes sparkTravel{0%{left:0%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.oauth-relay__status{margin:2rem 0 .5rem;min-height:4rem}.oauth-relay__headline{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.15}.oauth-relay__subline{margin:.45rem 0 0;font-size:.925rem;color:var(--muted);line-height:1.45}.oauth-relay__identity{display:flex;align-items:center;gap:1rem;margin:1.75rem auto 0;max-width:440px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:.85rem 1.15rem;box-shadow:0 6px 24px #00000059;animation:identityReveal .4s var(--ease-out) forwards;text-align:left}@keyframes identityReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.oauth-relay__avatar{display:flex;width:48px;height:48px;flex-shrink:0;overflow:hidden;align-items:center;justify-content:center;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.oauth-relay__avatar img{width:100%;height:100%;object-fit:cover}.oauth-relay__avatar-fallback{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--accent)}.oauth-relay__identity-meta{flex:1;min-width:0}.oauth-relay__identity-name{margin:0;font-size:.925rem;font-weight:600;color:var(--ink);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.oauth-relay__identity-email{margin:.15rem 0 0;font-family:var(--font-mono);font-size:.775rem;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.oauth-relay__provider-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:9999px;background:var(--surface-2);padding:.3rem .7rem;font-family:var(--font-sans);font-size:.725rem;font-weight:600;color:var(--ink-2)}.oauth-relay__provider-chip svg{width:14px;height:14px}.oauth-relay__actions{display:flex;flex-direction:column;gap:.75rem;margin:2rem auto 0;max-width:420px}.oauth-relay__btn{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:14px;padding:.85rem 1.35rem;font-family:var(--font-sans);font-size:.925rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s,background .2s,border-color .2s}.oauth-relay__btn--primary{border:none;background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.oauth-relay__btn--primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.oauth-relay__error{margin:1.75rem auto 0;max-width:440px}.oauth-relay__error-banner{display:flex;align-items:flex-start;gap:.85rem;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:16px;background:var(--danger-soft);color:#fca5a5;padding:1rem 1.25rem;text-align:left}.oauth-relay__error-message{margin:0;font-size:.875rem;line-height:1.5}.oauth-relay__twofa{margin:1.75rem auto 0;max-width:400px;text-align:left}.oauth-relay__twofa .auth-2fa-form{display:grid;gap:.95rem}.auth-2fa-label{display:block;font-size:.775rem;font-weight:600;color:var(--muted)}.auth-2fa-input-wrap{position:relative}.auth-2fa-input-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.auth-2fa-input{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem .95rem .85rem 2.5rem;background:var(--surface-2);color:var(--ink);font:500 1.35rem/1 var(--font-mono);letter-spacing:.3em;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.auth-2fa-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-2fa-trust{display:flex;align-items:center;gap:.75rem;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;font-size:.775rem;color:var(--muted)}.auth-2fa-trust-input{accent-color:var(--accent);width:16px;height:16px}.auth-2fa-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.auth-2fa-link{border:none;background:none;font-size:.775rem;color:var(--muted);cursor:pointer;text-decoration:none;transition:color .2s}.auth-2fa-link:hover{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.oauth-relay__pulse,.oauth-relay__connector-spark,.auth-spinner,.showcase-pill-dot{animation:none!important}.oauth-relay__check polyline{animation:none!important;stroke-dashoffset:0!important}.oauth-relay__connector-fill{transition:none!important}}