.carousel-brand{flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:relative;overflow:hidden}.carousel-progress{background:color-mix(in srgb, var(--color-blue) 15%, transparent);border-radius:0;flex-shrink:0;width:100%;height:3px;margin-bottom:20px}.carousel-progress-bar{background:linear-gradient(90deg, var(--color-blue), var(--color-violet));border-radius:0 2px 2px 0;min-width:4px;height:3px;transition:width 80ms linear}.brand-panel--green{background:var(--color-terminal-bg)}.brand-panel--green .brand-headline{color:color-mix(in srgb, var(--color-terminal-green) 85%, transparent)}.brand-panel--green .brand-sub{color:color-mix(in srgb, var(--color-terminal-green) 38%, transparent)}.brand-panel--green .brand-stat-label{color:color-mix(in srgb, var(--color-terminal-green) 35%, transparent)}.brand-panel--green .brand-feature-txt{color:color-mix(in srgb, var(--color-terminal-green) 38%, transparent)}.brand-panel--green .brand-feature-pre{color:color-mix(in srgb, var(--color-terminal-green) 70%, transparent)}.brand-panel--green .carousel-progress-bar{background:linear-gradient(90deg, var(--color-terminal-green-strong), var(--color-terminal-green))}.brand-panel--green .brand-stats{border-top-color:color-mix(in srgb, var(--color-terminal-green-strong) 15%, transparent)}.brand-wordmark-text--green{color:var(--color-terminal-green)}.brand-headline--mono{font-family:var(--font-dm-mono), monospace;font-size:20px;font-weight:400;line-height:1.5}.brand-headline-mono{font-family:var(--font-dm-mono), monospace}.brand-headline-dim{color:color-mix(in srgb, var(--color-terminal-green) 40%, transparent);font-size:16px}.brand-sub--green{color:color-mix(in srgb, var(--color-terminal-green) 38%, transparent)}.brand-stat-val--green{color:var(--color-terminal-green)}.brand-feature-dot--green{background:var(--color-terminal-green-strong)}.brand-feature-pre--green{color:color-mix(in srgb, var(--color-terminal-green) 70%, transparent)}.carousel-canvas-wrap{border-radius:4px;flex:1;min-height:80px;margin:10px 0 0;position:relative;overflow:hidden}.brand-panel--green .carousel-canvas-wrap{border:.5px solid color-mix(in srgb, var(--color-terminal-green) 8%, transparent)}.carousel-brand .brand-body{z-index:2;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;padding:16px 0 0;display:flex;position:relative;overflow:hidden}.carousel-brand .brand-headline{margin-bottom:8px}.carousel-brand .brand-sub{max-width:320px;margin-bottom:0;font-size:12px;line-height:1.5}.carousel-nav{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:14px;display:flex}.carousel-brand .brand-stats{flex-shrink:0}.carousel-btn{border:.5px solid color-mix(in srgb, var(--color-blue) 20%, transparent);color:color-mix(in srgb, var(--color-violet) 50%, transparent);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;transition:all .15s;display:flex}.carousel-btn:hover{border-color:color-mix(in srgb, var(--color-blue) 50%, transparent);color:var(--color-violet)}.carousel-dots{align-items:center;gap:6px;display:flex}.carousel-dot{background:color-mix(in srgb, var(--color-blue) 20%, transparent);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:all .2s}.carousel-dot--on{background:var(--color-blue);border-radius:3px;width:18px}.carousel-dot:hover{background:color-mix(in srgb, var(--color-blue) 50%, transparent)}.carousel-tooltip{background:var(--color-surface);border:.5px solid color-mix(in srgb, var(--color-blue) 25%, transparent);box-shadow:0 2px 12px color-mix(in srgb, var(--color-blue) 10%, transparent);font-family:var(--font-dm-mono), monospace;pointer-events:none;z-index:100;border-radius:5px;max-width:175px;padding:6px 10px;position:absolute}.carousel-tooltip-cat{color:color-mix(in srgb, var(--color-violet) 65%, transparent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:9px}.carousel-tooltip-name{color:var(--color-ink);margin-bottom:2px;font-size:11px}.carousel-tooltip-info{color:color-mix(in srgb, var(--color-muted) 70%, transparent);font-size:10px;line-height:1.4}.brand-feature-strip{z-index:2;flex-shrink:0;align-items:center;gap:8px;height:18px;margin:10px 0 14px;display:flex;position:relative}.brand-feature-dot{background:var(--color-blue);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite feat-pulse}@keyframes feat-pulse{0%,to{opacity:.4}50%{opacity:1}}.brand-feature-txt{color:color-mix(in srgb, var(--color-muted) 35%, transparent);font-size:11px;font-family:var(--font-dm-mono), monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-feature-pre{color:color-mix(in srgb, var(--color-violet) 60%, transparent)}:root{--font-auth-sans:var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-auth-mono:var(--font-dm-mono), "Courier New", monospace;--auth-bg:var(--color-background);--auth-panel-bg:var(--color-surface);--auth-border:color-mix(in srgb, var(--color-blue) 15%, transparent);--auth-primary:var(--color-blue);--auth-primary-light:var(--color-violet);--auth-text:var(--color-on-dark-dim);--auth-muted:color-mix(in srgb, var(--color-muted) 60%, transparent);--auth-faint:color-mix(in srgb, var(--color-muted) 30%, transparent)}[data-theme=dark] .brand-panel{background:var(--color-navy)}[data-theme=dark] .brand-panel .brand-wordmark-text,[data-theme=dark] .brand-panel .brand-headline{color:var(--color-on-dark-dim)}[data-theme=dark] .brand-panel .brand-sub{color:var(--color-on-dark-body)}[data-theme=dark] .brand-panel .brand-stat-label,[data-theme=dark] .brand-panel .brand-feature-txt{color:var(--color-on-dark-muted)}[data-theme=dark] .brand-panel .brand-feature-pre{color:var(--auth-primary-light)}[data-theme=dark] .auth-title{color:var(--color-ink)}[data-theme=dark] .carousel-tooltip{background:var(--color-surface);box-shadow:var(--shadow-floating)}[data-theme=dark] .carousel-tooltip-name{color:var(--color-ink)}[data-theme=dark] .carousel-tooltip-info{color:var(--color-on-dark-muted)}.auth-split{min-height:100vh;font-family:var(--font-auth-sans);background:var(--auth-bg);display:flex}.brand-panel{background:var(--color-blue-soft);flex-direction:column;justify-content:space-between;width:52%;padding:48px 52px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";background:radial-gradient(ellipse 60% 50% at 20% 50%, color-mix(in srgb, var(--color-blue) 14%, transparent) 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 80% 20%, color-mix(in srgb, var(--color-violet) 10%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.brand-panel .brand-wordmark-text,.brand-panel .brand-headline{color:var(--color-ink)}.brand-panel .brand-sub{color:color-mix(in srgb, var(--color-muted) 75%, transparent)}.brand-panel .brand-stat-label{color:color-mix(in srgb, var(--color-muted) 60%, transparent)}.brand-panel .brand-feature-txt{color:color-mix(in srgb, var(--color-muted) 65%, transparent)}.brand-panel .brand-feature-pre{color:color-mix(in srgb, var(--color-blue) 75%, transparent)}.brand-wordmark{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.brand-wordmark-text{letter-spacing:.12em;color:var(--auth-text);text-transform:uppercase;font-size:18px;font-weight:500}.brand-body{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:40px 0;display:flex;position:relative}.brand-headline{color:var(--auth-text);letter-spacing:-.02em;margin:0 0 20px;font-size:36px;font-weight:300;line-height:1.25}.brand-headline em{color:var(--auth-primary-light);font-style:normal}.brand-sub{color:var(--auth-muted);max-width:320px;margin:0;font-size:14px;font-weight:300;line-height:1.6}.brand-stats{border-top:.5px solid color-mix(in srgb, var(--color-blue) 20%, transparent);z-index:1;gap:32px;padding-top:32px;display:flex;position:relative}.brand-stat{flex-direction:column;gap:3px;display:flex}.brand-stat-val{color:var(--auth-primary-light);font-size:20px;font-weight:500;font-family:var(--font-auth-mono)}.brand-stat-label{color:color-mix(in srgb, var(--color-muted) 45%, transparent);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.auth-panel{background:var(--auth-panel-bg);border-left:.5px solid color-mix(in srgb, var(--color-blue) 10%, transparent);justify-content:center;align-items:center;width:48%;padding:48px 52px;display:flex}.auth-panel-inner{width:100%;max-width:340px}.auth-eyebrow{letter-spacing:.1em;color:var(--color-violet);text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:500}.auth-title{color:var(--color-ink);letter-spacing:-.02em;margin:0 0 28px;font-size:24px;font-weight:400}.auth-sso-btn{border:.5px solid color-mix(in srgb, var(--color-blue) 22%, transparent);width:100%;color:var(--color-body);font-size:13px;font-family:var(--font-auth-sans);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px;transition:border-color .15s,color .15s;display:flex}.auth-sso-btn:hover{border-color:color-mix(in srgb, var(--color-blue) 40%, transparent);color:var(--color-ink)}.auth-divider{align-items:center;gap:12px;margin-bottom:20px;display:flex}.auth-divider-line{background:color-mix(in srgb, var(--color-blue) 12%, transparent);flex:1;height:.5px;display:block}.auth-divider-text{color:color-mix(in srgb, var(--color-muted) 60%, transparent);font-size:11px}@media (max-width:768px){.auth-split{flex-direction:column}.brand-panel{width:100%;min-height:auto;padding:32px 28px 24px}.brand-headline{font-size:26px}.brand-stats{display:none}.auth-panel{border-left:none;border-top:.5px solid color-mix(in srgb, var(--color-blue) 10%, transparent);width:100%;padding:32px 28px 40px}}
