/* Reset to make sure the fallback page applies even if, for whatever reason, CSS from the SPA was still loaded. */ html, body { margin: 0; padding: 0; background: #f7f7f7; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #2a2a2a; } #root { display: none; } .ns-wrap { min-height: 100vh; display: flex; flex-direction: column; } .ns-header { background: #ffffff; position: relative; padding: 12px 24px; display: flex; align-items: center; gap: 14px; } /* Brand gradient — mirror of the --brand*-rgb ramp from src/index.css. Hardcoded here because the fallback page has to do without CSS variables; on a brand shift, both places in the same diff. */ .ns-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #005c94 0%, #00426a 40%, #003657 70%, #002b45 100%); } /* Brand mark as inline SVG instead of a letter badge: the fallback page must render completely even when external assets are blocked (corporate proxy). Only the bracket, not the full wordmark — the title next to it carries that, and index.html stays small. */ .ns-logo { width: 36px; height: 36px; display: block; flex-shrink: 0; } .ns-title { font-size: 16px; font-weight: 700; color: #2a2a2a; } .ns-main { flex: 1; display: flex; justify-content: center; align-items: center; padding: 40px 24px; } .ns-card { width: 100%; max-width: 520px; padding: 40px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 14px; box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.02); } .ns-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(0,66,106,0.10); border: 1px solid rgba(0,66,106,0.32); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 14px; } .ns-h1 { font-size: 22px; font-weight: 700; margin: 0 0 10px 0; letter-spacing: -0.02em; line-height: 1.2; color: #2a2a2a; } .ns-p { font-size: 14px; line-height: 1.55; color: #555555; margin: 0 0 18px 0; } .ns-steps { background: #fafafa; border: 1px solid #eaeaea; border-radius: 10px; padding: 16px 18px; margin: 18px 0; } .ns-steps-title { font-size: 11px; font-weight: 600; color: #888888; letter-spacing: 0.4px; text-transform: uppercase; margin: 0 0 10px 0; } .ns-steps ol { margin: 0; padding-left: 20px; font-size: 13px; line-height: 1.7; color: #2a2a2a; } .ns-steps code { background: rgba(0,66,106,0.10); padding: 1px 6px; border-radius: 4px; font-family: Consolas, Monaco, monospace; font-size: 12px; color: #002b45; } .ns-footer { background: #ffffff; position: relative; padding: 14px 24px; font-size: 11px; color: #999999; display: flex; justify-content: space-between; align-items: center; } .ns-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #005c94 0%, #00426a 40%, #003657 70%, #002b45 100%); } @media (max-width: 640px) { .ns-card { padding: 28px 24px; } .ns-footer { flex-direction: column; gap: 6px; align-items: center; } }

AI Platform

JavaScript is required

This platform uses modern web technologies and requires JavaScript to be enabled in order to provide user management, authentication and sensitive functions securely.

How to enable JavaScript

Open your browser settings (Ctrl + ,)
Search for “JavaScript” or “Scripts”
Enable the option and reload the page

Are you using a corporate proxy or a browser extension that blocks JavaScript? Contact your IT department or add this domain to the exception list.