.onb{--onb-font:"IBM Plex Sans","IBM Plex Sans Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--onb-ink-900:#101828;--onb-ink-700:#344054;--onb-ink-600:#475467;--onb-ink-500:#667085;--onb-ink-400:#98a2b3;--onb-line-300:#d0d5dd;--onb-line-200:#e4e7ec;--onb-line-100:#eaecf0;--onb-canvas:#f9fafb;--onb-white:#fff;--onb-violet-600:#6d4ae8;--onb-violet-700:#5a38d6;--onb-violet-800:#4b2fb8;--onb-violet-100:#ede8fd;--onb-violet-50:#f2effd;--onb-success-50:#ecfdf3;--onb-success-200:#abefc6;--onb-success-800:#085d3a;--onb-warning-50:#fffaeb;--onb-warning-200:#fedf89;--onb-warning-800:#93370d;--onb-danger-50:#fef3f2;--onb-danger-200:#fecdca;--onb-danger-300:#fda29b;--onb-danger-700:#b42318;--onb-danger-800:#912018;--onb-shadow-xs:0 1px 2px rgba(16,24,40,.05);--onb-ring:0 0 0 4px var(--onb-violet-50);--onb-ring-danger:0 0 0 4px var(--onb-danger-50);--onb-ease:cubic-bezier(0.165,0.84,0.44,1);--onb-grad-violet:linear-gradient(135deg,#8b6cff,#5a38d6);--onb-grad-green:linear-gradient(135deg,#3ccb7f,#039855);--onb-grad-red:linear-gradient(135deg,#f97066,#d92d20);--onb-grad-amber:linear-gradient(135deg,#fdb022,#dc6803);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage main";min-height:100vh;background:var(--onb-white);color:var(--onb-ink-900);font-family:var(--onb-font);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.onb *,.onb :after,.onb :before{box-sizing:border-box}.onb a{color:var(--onb-violet-700);font-weight:600;text-decoration:none}.onb a:hover{color:var(--onb-violet-800);text-decoration:underline;text-underline-offset:3px}.onb :focus-visible{outline:2px solid var(--onb-violet-600);outline-offset:2px}.onb .onb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.onb .onb-panel{grid-area:main;align-items:center;padding:44px 56px 32px;background:var(--onb-white)}.onb .onb-inner,.onb .onb-panel{display:flex;flex-direction:column}.onb .onb-inner{width:100%;max-width:480px;gap:28px}.onb .onb-view{gap:24px}.onb .onb-head,.onb .onb-view{display:flex;flex-direction:column}.onb .onb-head{gap:8px}.onb .onb-title{margin:0;font-family:var(--onb-font);font-size:30px;line-height:38px;font-weight:600;letter-spacing:-.01em;color:var(--onb-ink-900)}.onb .onb-title:focus{outline:none}.onb .onb-lede{margin:0;font-size:16px;line-height:24px;color:var(--onb-ink-600)}.onb .onb-strong{font-weight:600;color:var(--onb-ink-900);word-break:break-word}.onb .onb-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--onb-n,4),minmax(0,1fr))}.onb .onb-step{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}.onb .onb-step-mark,.onb .onb-step-track{display:flex;align-items:center}.onb .onb-step-mark{flex:none;width:28px;height:28px;border-radius:50%;justify-content:center;font-size:13px;font-weight:600;color:var(--onb-ink-600);background:var(--onb-white);border:1.5px solid var(--onb-line-300);transition:background .2s,box-shadow .2s}.onb .onb-step-line{flex:1;height:2px;margin:0 8px;border-radius:1px;background:var(--onb-line-200);transition:background .3s}.onb .onb-step:last-child .onb-step-line{display:none}.onb .onb-step-label{font-size:13px;line-height:18px;font-weight:500;color:var(--onb-ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb .onb-step[data-state=current] .onb-step-mark{border-color:transparent;color:var(--onb-white);background:var(--onb-grad-violet);box-shadow:0 0 0 4px var(--onb-violet-100)}.onb .onb-step[data-state=current] .onb-step-label{color:var(--onb-ink-900);font-weight:600}.onb .onb-step[data-state=done] .onb-step-mark{border-color:transparent;color:var(--onb-white);background:var(--onb-grad-green);box-shadow:0 0 0 4px rgba(60,203,127,.16),0 3px 8px rgba(3,152,85,.3)}.onb .onb-step[data-state=done] .onb-step-line{background:#75e0a7}.onb .onb-step[data-state=done] .onb-step-label{color:var(--onb-ink-700)}.onb .onb-step-tick{stroke-width:3}.onb .onb-form{gap:20px}.onb .onb-field,.onb .onb-form{display:flex;flex-direction:column}.onb .onb-field{gap:6px;min-width:0}.onb .onb-label{font-size:14px;line-height:20px;font-weight:500;color:var(--onb-ink-700)}.onb .onb-control{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--onb-line-300);border-radius:8px;background:var(--onb-white);box-shadow:var(--onb-shadow-xs);transition:border-color .15s,box-shadow .15s}.onb .onb-control:hover{border-color:var(--onb-ink-400)}.onb .onb-control:focus-within{border-color:var(--onb-violet-600);box-shadow:var(--onb-shadow-xs),var(--onb-ring)}.onb .onb-control>svg{flex:none;color:var(--onb-ink-500)}.onb .onb-control input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--onb-ink-900)}.onb .onb-control input:focus-visible{outline:none}.onb .onb-control input::-moz-placeholder{color:var(--onb-ink-400)}.onb .onb-control input::placeholder{color:var(--onb-ink-400)}.onb .onb-field.is-invalid .onb-control{border-color:var(--onb-danger-300)}.onb .onb-field.is-invalid .onb-control:focus-within{border-color:#f97066;box-shadow:var(--onb-shadow-xs),var(--onb-ring-danger)}.onb .onb-hint{font-size:13px;line-height:18px;color:var(--onb-ink-600)}.onb .onb-control.is-held{background:var(--onb-canvas)}.onb .onb-control.is-held input{color:var(--onb-ink-700)}.onb .onb-kinds{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;border:0;min-width:0}.onb .onb-kind{position:relative;display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--onb-line-200);border-radius:14px;background:var(--onb-white);box-shadow:var(--onb-shadow-xs);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.onb .onb-kind:hover{border-color:var(--onb-line-300);box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06)}.onb .onb-kind:focus-within{outline:2px solid var(--onb-violet-600);outline-offset:2px}.onb .onb-kind[data-checked=true]{border-color:var(--onb-violet-600);background:linear-gradient(180deg,#faf8ff,#fff);box-shadow:0 0 0 4px var(--onb-violet-50),0 8px 20px rgba(109,74,232,.12)}.onb .onb-kind-icon{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--onb-violet-700);background:linear-gradient(135deg,#f4f1fe,#e6dffc);box-shadow:inset 0 1px 0 var(--onb-white),0 4px 12px rgba(109,74,232,.12)}.onb .onb-kind[data-checked=true] .onb-kind-icon{color:var(--onb-white);background:var(--onb-grad-violet);box-shadow:0 6px 16px rgba(109,74,232,.32)}.onb .onb-kind-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onb .onb-kind-title{font-size:16px;line-height:24px;font-weight:600;color:var(--onb-ink-900)}.onb .onb-kind-line{font-size:14px;line-height:20px;color:var(--onb-ink-600)}.onb .onb-kind-mark{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--onb-line-300);background:var(--onb-white);color:var(--onb-white)}.onb .onb-kind-mark svg{stroke-width:3.2}.onb .onb-kind[data-checked=true] .onb-kind-mark{border-color:transparent;background:var(--onb-grad-violet);box-shadow:0 2px 6px rgba(109,74,232,.35)}.onb .onb-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;padding:4px 6px 4px 4px;border:1px solid var(--onb-violet-100);border-radius:999px;background:var(--onb-violet-50);font-size:13px;line-height:18px;font-weight:600;color:var(--onb-violet-800)}.onb .onb-chip-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--onb-white);background:var(--onb-grad-violet)}.onb .onb-chip-change{margin-left:4px;padding:2px 8px;border:0;border-radius:999px;background:var(--onb-white);font:inherit;font-weight:600;color:var(--onb-violet-700);cursor:pointer}.onb .onb-chip-change:hover{color:var(--onb-violet-800);text-decoration:underline;text-underline-offset:3px}.onb .onb-control-pw{padding-right:6px}.onb .onb-eye{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:none;color:var(--onb-ink-500);cursor:pointer}.onb .onb-eye:hover{background:var(--onb-canvas);color:var(--onb-ink-700)}.onb .onb-eye[aria-pressed=true]{color:var(--onb-violet-700)}.onb .onb-policy{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.onb .onb-policy li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:var(--onb-ink-600)}.onb .onb-policy li[data-met=true]{color:var(--onb-success-800)}.onb .onb-policy-mark{flex:none;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--onb-line-300);background:var(--onb-white);color:var(--onb-white)}.onb .onb-policy li[data-met=true] .onb-policy-mark{border-color:transparent;background:var(--onb-grad-green);box-shadow:0 2px 6px rgba(3,152,85,.3)}.onb .onb-tick{stroke-width:3.4}.onb .onb-cells{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;cursor:text}.onb .onb-cell{height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--onb-line-300);border-radius:10px;background:var(--onb-white);box-shadow:var(--onb-shadow-xs);font-size:22px;line-height:28px;font-weight:600;color:var(--onb-ink-900);font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s}.onb .onb-cell.is-filled{border-color:var(--onb-ink-400)}.onb .onb-cells:focus-within .onb-cell.is-next{border-color:var(--onb-violet-600);box-shadow:var(--onb-shadow-xs),var(--onb-ring)}.onb .onb-field.is-invalid .onb-cell{border-color:var(--onb-danger-300)}.onb .onb-cells input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;color:transparent;caret-color:transparent;background:transparent}.onb .onb-badge-err,.onb .onb-badge-ok,.onb .onb-badge-warn{flex:none;display:flex;align-items:center;justify-content:center;color:var(--onb-white)}.onb .onb-badge-ok{width:24px;height:24px;border-radius:50%;background:var(--onb-grad-green);box-shadow:0 0 0 3px var(--onb-white),0 4px 10px rgba(3,152,85,.35)}.onb .onb-badge-ok.onb-badge-sm{width:18px;height:18px;box-shadow:0 2px 6px rgba(3,152,85,.3)}.onb .onb-badge-err{width:18px;height:18px;border-radius:50%;background:var(--onb-grad-red);box-shadow:0 2px 6px rgba(217,45,32,.3)}.onb .onb-badge-warn{width:18px;height:18px;border-radius:6px;background:var(--onb-grad-amber);box-shadow:0 2px 6px rgba(220,104,3,.3)}.onb .onb-note{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:18px}.onb .onb-note-warn{background:var(--onb-warning-50);border:1px solid var(--onb-warning-200);color:var(--onb-warning-800)}.onb .onb-note-ok{background:var(--onb-success-50);border:1px solid var(--onb-success-200);color:var(--onb-success-800)}.onb .onb-banner{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;border:1px solid var(--onb-danger-200);background:var(--onb-danger-50);color:var(--onb-danger-800);font-size:14px;line-height:20px}.onb .onb-banner .onb-badge-err{width:20px;height:20px}.onb .onb-signedin{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--onb-violet-100);border-radius:12px;background:linear-gradient(180deg,#f6f3ff,#fff);box-shadow:var(--onb-shadow-xs)}.onb .onb-signedin-title{margin:0;font-size:14px;line-height:20px;font-weight:600;color:var(--onb-ink-900)}.onb .onb-signedin-text{margin:0;font-size:13px;line-height:18px;color:var(--onb-ink-600)}.onb .onb-signedin .onb-btn{align-self:flex-start;margin-top:4px}.onb .onb-or{display:flex;align-items:center;gap:12px;margin:0;font-size:13px;line-height:18px;font-weight:600;color:var(--onb-ink-600)}.onb .onb-or:after,.onb .onb-or:before{content:"";flex:1;height:1px;background:var(--onb-line-200)}.onb .onb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-family:var(--onb-font);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s,color .15s}.onb .onb-btn:focus-visible{border-radius:10px}.onb .onb-btn-primary{height:50px;padding:0 20px;border:1px solid var(--onb-violet-700);background:linear-gradient(180deg,#7b5cf0,#6143de);color:var(--onb-white);font-size:15px;box-shadow:0 1px 2px rgba(16,24,40,.1),0 8px 20px rgba(109,74,232,.28),inset 0 1px 0 hsla(0,0%,100%,.2)}.onb .onb-btn-primary:hover{background:linear-gradient(180deg,#8669f3,#6a4de4)}.onb .onb-btn-primary:active{transform:translateY(1px)}.onb .onb-btn-primary:disabled{cursor:progress;opacity:.94}.onb .onb-btn-secondary{height:44px;padding:0 16px;border:1px solid var(--onb-line-300);background:var(--onb-white);color:var(--onb-ink-700);font-size:14px;box-shadow:var(--onb-shadow-xs)}.onb .onb-btn-secondary:hover{background:var(--onb-canvas);border-color:var(--onb-ink-400)}.onb .onb-btn-secondary:disabled{color:var(--onb-ink-400);background:var(--onb-canvas);border-color:var(--onb-line-200);box-shadow:none;cursor:not-allowed}.onb .onb-btn-quiet{height:44px;padding:0 6px;border:0;background:none;color:var(--onb-violet-700);font-size:14px}.onb .onb-btn-quiet:hover{color:var(--onb-violet-800);text-decoration:underline;text-underline-offset:3px}.onb .onb-spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);border-top:2px solid var(--onb-white);animation:onb-spin .7s linear infinite}.onb .onb-spinner-dark{border-color:var(--onb-line-200);border-top-color:var(--onb-violet-600)}.onb .onb-btn-primary:disabled:not([aria-busy]){cursor:not-allowed;opacity:.55;box-shadow:none}@keyframes onb-spin{to{transform:rotate(1turn)}}.onb .onb-medallion{position:relative;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#ede8fd,#dcd3fc);color:var(--onb-violet-700);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--onb-white),0 8px 24px rgba(109,74,232,.18)}.onb .onb-medallion .onb-badge-ok{position:absolute;right:-6px;bottom:-6px}.onb .onb-meta{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;background:var(--onb-canvas);border:1px solid var(--onb-line-100);font-size:14px;line-height:20px;color:var(--onb-ink-700)}.onb .onb-meta svg{flex:none;color:var(--onb-ink-500)}.onb .onb-card{padding:20px;border:1px solid var(--onb-line-200);border-radius:12px;background:var(--onb-white);box-shadow:var(--onb-shadow-xs);display:flex;flex-direction:column;gap:14px}.onb .onb-card-title{margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--onb-ink-900)}.onb .onb-next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.onb .onb-next li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--onb-ink-700)}.onb .onb-n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--onb-violet-50);color:var(--onb-violet-700);font-size:12px;font-weight:600;justify-content:center}.onb .onb-actions,.onb .onb-n{display:flex;align-items:center}.onb .onb-actions{flex-wrap:wrap;gap:8px 16px}.onb .onb-tip{margin:0;font-size:13px;line-height:18px;color:var(--onb-ink-600)}.onb .onb-tip-guard{display:flex;gap:8px;align-items:flex-start}.onb .onb-tip-guard svg{flex:none;margin-top:1px;color:var(--onb-success-800)}.onb .onb-aside-links{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--onb-line-100);font-size:14px;line-height:20px;color:var(--onb-ink-600)}.onb .onb-legal{margin-top:auto;padding-top:36px;width:100%;max-width:480px;display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--onb-ink-600)}.onb .onb-legal a{color:var(--onb-ink-600);font-weight:400}.onb .onb-stage{grid-area:stage;align-self:start;position:sticky;top:0;height:100vh;overflow:hidden;background:#020308;color:var(--onb-white)}.onb .onb-stage-frame,.onb .onb-stage-iframe{position:absolute;inset:0}.onb .onb-stage-iframe{width:100%;height:100%;border:0;display:block;background:#020308}.onb .onb-stage-brand{position:absolute;left:0;top:0;width:min(560px,72%);padding:36px 44px 72px;display:flex;flex-direction:column;gap:22px;pointer-events:none;transition:opacity .2s var(--onb-ease);text-shadow:0 1px 14px rgba(2,3,8,.7)}.onb .onb-stage-brand.is-dimmed{opacity:0}.onb .onb-brand{pointer-events:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;color:var(--onb-white);font-weight:600}.onb .onb-brand:hover{color:var(--onb-white);text-decoration:none}.onb .onb-brand-mark{display:inline-flex}.onb .onb-brand-name{font-size:16px;letter-spacing:.02em}.onb .onb-stage-copy{display:flex;flex-direction:column;gap:8px;max-width:400px}.onb .onb-stage-title{margin:0;font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.01em}.onb .onb-stage-sub{margin:0;font-size:15px;line-height:22px;color:#c8c3da}@media (max-width:1024px){.onb{grid-template-columns:1fr;grid-template-areas:"stage" "main"}.onb .onb-stage{position:relative;height:min(60vh,620px);min-height:420px}.onb .onb-stage-brand{width:100%;padding:24px 24px 56px}.onb .onb-stage-title{font-size:24px;line-height:32px}.onb .onb-panel{padding:32px 24px 24px}}@media (max-width:520px){.onb .onb-step:not([data-state=current]) .onb-step-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.onb .onb-title{font-size:26px;line-height:34px}.onb .onb-stage-sub{display:none}.onb .onb-kind{gap:14px;padding:14px}.onb .onb-kind-icon{width:44px;height:44px;border-radius:12px}.onb .onb-policy{grid-template-columns:1fr}.onb .onb-cells{gap:8px}.onb .onb-cell{height:52px}}@media (prefers-reduced-motion:reduce){.onb *,.onb :after,.onb :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}