:root{--ob-bg:#fcfaf8;--ob-surface:#fefdfb;--ob-surface-2:#f7f5f2;--ob-surface-3:#f1eee9;--ob-ink-900:#17130d;--ob-ink-700:#3f3931;--ob-ink-500:#5e5850;--ob-ink-400:#8a8175;--ob-line:#e1deda;--ob-p-600:#005a61;--ob-p-500:#0d7077;--ob-p-tint:#d7f2f4;--ob-p-tint-2:#89c3c8;--ob-p-ink:#005a61;--ob-g-600:#0d8750;--ob-g-tint:#def8e6;--ob-g-ink:#006036;--ob-a-600:#c87600;--ob-a-tint:#ffedd7;--ob-a-ink:#905200;--ob-r-sm:7px;--ob-r-md:11px;--ob-r-lg:16px;--ob-r-xl:22px;--ob-font:"Inter", system-ui, sans-serif;--ob-font-mono:"JetBrains Mono", ui-monospace, monospace;--ob-font-serif:"Instrument Serif", Georgia, serif;--ob-panel-bg:linear-gradient(155deg, #004347 0%, #012e32 60%, #081e21 100%);--ob-shadow-card:0 1px 2px #141e1e0a, 0 8px 24px -12px #141e1e1a;--ob-shadow-btn:0 1px 2px #003c3c40, 0 6px 16px -8px #003c3c66}@supports (color:lab(0% 0 0)){:root{--ob-g-600:lab(49.4848% -42.1528 20.6656);--ob-g-tint:lab(95.2531% -10.9353 5.34278);--ob-g-ink:lab(35.3% -35.8295 17.5769);--ob-a-600:lab(57.6923% 29.4936 68.5629);--ob-a-tint:lab(94.7826% 4.94695 14.6739);--ob-a-ink:lab(41.5543% 23.7145 56.0592)}}.onb-shell{font-family:var(--ob-font);color:var(--ob-ink-900);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--ob-bg)}.onb-shell *,.onb-shell :before,.onb-shell :after{box-sizing:border-box}.onb-split{grid-template-columns:25% 75%;height:100dvh;display:grid;overflow:hidden}.onb-panel{color:#fff;background:var(--ob-panel-bg);flex-direction:column;gap:20px;height:100%;padding:40px 24px;display:flex;overflow:hidden}.onb-panel-dots{opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff24 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 10%,#0000 70%);mask-image:linear-gradient(160deg,#000 10%,#0000 70%)}.onb-panel-body{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.onb-panel-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onb-panel-steps li{border-top:1px solid #ffffff14}.onb-panel-steps li:first-child{border-top:none}.onb-right{background:var(--ob-surface);flex-direction:column;height:100%;padding:0 8%;display:flex;overflow-y:auto}.onb-right-topbar{z-index:10;background:var(--ob-surface);flex-direction:column;flex-shrink:0;gap:16px;width:100%;max-width:540px;margin:0 auto;padding:40px 0 20px;display:flex;position:sticky;top:0}.onb-right-inner{width:100%;max-width:540px;padding-bottom:max(52px, env(safe-area-inset-bottom));flex-direction:column;gap:32px;margin:0 auto;padding-top:12px;display:flex}.onb-right-inner--auth{max-width:430px}.onb-wordmark{font-family:var(--ob-font-serif);color:#fff;font-size:26px;font-weight:500;line-height:1;text-decoration:none;display:inline-block}.onb-wordmark em{color:#fff;font-style:italic}.onb-input{width:100%;font-family:var(--ob-font);color:var(--ob-ink-900);border-radius:var(--ob-r-md);border:1px solid var(--ob-line);background:var(--ob-surface);outline:none;height:54px;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.onb-input:focus{border-color:var(--ob-p-500);box-shadow:0 0 0 3px var(--ob-p-tint)}.onb-input::placeholder{color:var(--ob-ink-400)}.onb-textarea{width:100%;font-family:var(--ob-font);color:var(--ob-ink-900);border-radius:var(--ob-r-md);border:1px solid var(--ob-line);background:var(--ob-surface);resize:vertical;outline:none;padding:13px 14px;font-size:14.5px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.onb-textarea:focus{border-color:var(--ob-p-500);box-shadow:0 0 0 3px var(--ob-p-tint)}.onb-textarea::placeholder{color:var(--ob-ink-400)}.onb-btn-primary{width:100%;height:56px;font-family:var(--ob-font);color:#fff;background:var(--ob-p-600);border-radius:var(--ob-r-md);box-shadow:var(--ob-shadow-btn);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.onb-btn-primary:hover:not(:disabled){background:var(--ob-p-500);transform:translateY(-1px)}.onb-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.onb-btn-ghost{height:54px;font-family:var(--ob-font);color:var(--ob-ink-700);background:var(--ob-surface);border:1px solid var(--ob-line);border-radius:var(--ob-r-md);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.onb-btn-ghost:hover{border-color:var(--ob-ink-400);color:var(--ob-ink-900)}.onb-tabs{background:var(--ob-surface-3);border-radius:var(--ob-r-md);gap:4px;padding:4px;display:flex}.onb-tab{cursor:pointer;font-family:var(--ob-font);color:var(--ob-ink-500);background:0 0;border:0;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .15s}.onb-tab.active{background:var(--ob-surface);color:var(--ob-ink-900);box-shadow:0 1px 2px #1416281a}.onb-progress{gap:5px;display:flex}.onb-progress-seg{background:var(--ob-surface-3);border-radius:4px;flex:1;height:7px;transition:background .25s}.onb-progress-seg.fill{background:var(--ob-p-600)}.onb-back-btn{font-family:var(--ob-font);color:var(--ob-ink-500);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:600;transition:color .14s;display:inline-flex}.onb-back-btn:hover:not(:disabled){color:var(--ob-ink-900)}.onb-back-btn:disabled{opacity:.35;cursor:default}.onb-row-btn{text-align:left;border-radius:var(--ob-r-md);border:1px solid var(--ob-line);background:var(--ob-surface);cursor:pointer;width:100%;font:inherit;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .14s;display:flex}.onb-row-btn.selected{border-color:var(--ob-p-tint-2);background:var(--ob-p-tint)}.onb-row-btn:not(.selected):hover{border-color:var(--ob-p-tint-2)}.onb-row-btn:disabled{opacity:.5;cursor:not-allowed}.onb-lang-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onb-eyebrow{font-family:var(--ob-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ob-ink-500);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:700;display:flex}.onb-error{border-radius:var(--ob-r-md);color:#972527;color:lab(34.6852% 47.4343 29.205);background:#fff2f0;background:lab(96.3821% 4.58768 2.46804);border:1px solid #f4c8c4;border:1px solid lab(84.4543% 15.3823 8.33784);padding:12px 16px;font-size:13.5px;line-height:1.5}.onb-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite onb-spin;display:inline-block}.onb-spinner--dark{border-color:var(--ob-p-tint);border-top-color:var(--ob-p-600)}@keyframes onb-spin{to{transform:rotate(360deg)}}@keyframes ob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ob-shimmer-bar{background-color:#d1d5db;background-image:linear-gradient(90deg,#d1d5db 25%,#e9ebee 50%,#d1d5db 75%);background-repeat:no-repeat;background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s ease-in-out infinite ob-shimmer}@media (max-width:920px){.onb-split{grid-template-columns:1fr}.onb-panel{display:none}}@media (max-width:540px){.onb-right{padding:32px 5%}.onb-right-inner{gap:20px}.onb-lang-grid{grid-template-columns:1fr}}@media (max-width:360px){.onb-right{padding:24px 4%}.onb-btn-primary{font-size:14.5px}}
