: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] .auth-title{color:var(--color-ink)}.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-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}.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-title{color:var(--color-ink);letter-spacing:-.02em;margin:0 0 20px;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}.auth-panel{border-left:none;border-top:.5px solid color-mix(in srgb, var(--color-blue) 10%, transparent);width:100%;padding:32px 28px 40px}}
