:root{--brand: #2A3D9A;--bg: #f4f6f9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#2a3d9a,#1b2766)}.login-card{width:100%;max-width:400px}.brand-mark{display:inline-flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:10px;padding:12px 22px 10px;box-shadow:0 4px 18px #0000002e}.brand-mark img{height:44px;width:auto;display:block}.brand-mark span{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#2a3d9a}.brand-stripe{height:4px;background:linear-gradient(90deg,#ff7300 0,#ff7300 33%,#fff 33%,#fff 66%,#00963a 66%,#00963a)}.page-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#1f2d3d}.stat-row{margin-bottom:20px}.secret-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;background:#f6f8fa;border:1px solid #e3e8ee;border-radius:6px;padding:10px 12px}@media (max-width: 768px){.page-title{font-size:18px}}.onb-page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.onb-logo{height:40px;width:auto;display:block;margin-bottom:6px}.onb-page label{display:block;font-size:12px;color:#000000a6;margin:8px 0 2px}.onb-page h4{margin:8px 0 12px;color:#2a3d9a}