// Underwriter / Login — same composition as Investor/Login, repointed at // the operator audience. Built fresh on the design system. // // Composition: // ambient US-city → vault → cities (calmer) //
floating wordmark + theme toggle // soft radial readability mask, wrapping… // eyebrow + display headline + lede + 3 operator stats // glass panel: email + password + sign in // bottom marquee of recent underwriting decisions // // Page-level inline styles cover only: outer positioning and slot widths. // Every visual atom (typography, chrome, padding, hairlines, icons, // vignette gradient) lives in the design system or a primitive's variant. // ─────────────────────────── Auth panel ─────────────────────────── // Operator sign-in is a plain firm credentials form — username + password. // No wallets, no third-party providers; firms manage their own access. function AuthPanel() { return (
); } // ─────────────────────────── Hero ─────────────────────────── function Hero() { return (
Operator Access
Credit decisions,
on the same rail. Score, condition, and approve loans alongside the originators and capital that fund them. Every decision verifiable, every condition enforced on-chain.
); } // ─────────────────────────── Page assembly ─────────────────────────── function Login() { const [theme, setTheme] = useTheme(); return (
{/* US network map — calmer than the investor surface (operators don't need the same marketing energy). */} {/* Content frame — caps the composition at 1600 on ultrawide */}
{/* Floating header — page owns position, system owns chrome. */}
); } window.Login = Login;