.onb-root{position:fixed;inset:0;z-index:2000;color:#13241f;font-family:Outfit,DM Sans,sans-serif;-webkit-font-smoothing:antialiased;--primary-color:#63ea71;--primary-color-rgb:99,234,113;--primary-color-hover:#4fd85f;--primary-color-deep:#08493c;--primary-color-dark:#27b079;--primary-color-dark-rgb:39,176,121;--white-color:#ffffff;--black-color-rgb:0,0,0;--color-gray-100:#f3f4f6;--color-gray-600:#4b5563;--danger-color:#ef4444;--danger-color-dark:#dc2626;--danger-color-rgb:239,68,68;--onb-ink:#13241f;--onb-ink-soft:#5d6a63;--onb-ink-muted:#69756f;--onb-card-muted:#6b766f;--onb-faint:#9aa5a0;--onb-line:rgba(8,40,32,0.07);--onb-line-strong:rgba(8,40,32,0.1);--onb-field-bg:#f6faf7;--onb-glass:rgba(255,255,255,0.72);--onb-panel-shadow:0 2px 4px rgba(8,40,32,0.04),0 34px 60px -36px rgba(8,73,60,0.4)}.onb-stage{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:4.5rem 1.5rem 3rem;background:radial-gradient(90% 60% at 50% -8%,rgba(var(--primary-color-rgb),.16),transparent 60%),linear-gradient(180deg,#f1f7f2 0,#ecf3ed 100%)}@media (min-width:640px){.onb-stage{padding-left:2.5rem;padding-right:2.5rem}}.onb-wrap{margin-block:auto;width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center}.onb-brand{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.85rem}.onb-brand-logo{display:block;height:2.1rem;width:auto}.onb-screens{position:relative;width:100%}.onb-flip{perspective:2200px}.onb-flip-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.65,0,.35,1),height .62s cubic-bezier(.16,1,.3,1);will-change:transform,height}.onb-flip-inner.is-flipped{transform:rotateY(180deg)}.onb-face{position:absolute;top:0;left:0;right:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.onb-face--front{transform:translateZ(.01px)}.onb-face--back{transform:rotateY(180deg) translateZ(.01px)}.onb-flip-inner.is-flipped .onb-face--front,.onb-flip-inner:not(.is-flipped) .onb-face--back{pointer-events:none}.onb-screen-role .onb-h1{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.onb-screen-role.is-choosing .onb-h1{opacity:0;transform:translateY(-16px) scale(.96)}.onb-screen-role.is-choosing .onb-role.is-dismissed{opacity:0;transform:scale(.86) translateY(12px);filter:blur(3px);pointer-events:none}.onb-screen-role.is-choosing .onb-role.is-selected{z-index:2;transform:translateX(var(--onb-chosen-dx,0)) translateY(-8px) scale(1.04)}@media (prefers-reduced-motion:reduce){.onb-flip-inner{transition:height .3s ease}.onb-role,.onb-screen-role .onb-h1{transition:opacity .2s ease}.onb-screen-role.is-choosing .onb-role.is-dismissed{transform:none;filter:none}.onb-screen-role.is-choosing .onb-role.is-selected{transform:none}}.onb-screen-role .onb-screen-inner{text-align:center}.onb-h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 1.9rem;color:var(--onb-ink)}.onb-roles{display:grid;grid-template-columns:1fr;gap:1rem;text-align:left}@media (min-width:560px){.onb-roles{grid-template-columns:1fr 1fr}}.onb-role{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;text-align:left;padding:2.1rem 1.9rem 1.9rem;font:inherit;color:inherit;background:var(--white-color);border:1.5px solid var(--onb-line);border-radius:1.25rem;cursor:pointer;overflow:hidden;box-shadow:0 1px 2px rgba(8,40,32,.04);transition:all .4s cubic-bezier(.16,1,.3,1)}.onb-role:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 300px 200px at 50% 0,rgba(var(--primary-color-rgb),.06),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.onb-role>*{position:relative;z-index:1}.onb-role:hover:before{opacity:1;background:radial-gradient(ellipse 350px 250px at 50% 0,rgba(var(--primary-color-rgb),.14),transparent 70%)}.onb-role:hover{border-color:var(--primary-color);transform:translateY(-5px) scale(1.012);box-shadow:0 20px 60px -12px rgba(var(--primary-color-rgb),.22),0 4px 16px rgba(var(--black-color-rgb),.07)}@media (max-width:1023px){.onb-role:hover{transform:translateY(-1px)}}.onb-role.is-selected{border-color:var(--primary-color-dark);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3)}.onb-role-icon{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-bottom:.4rem;border-radius:1rem;color:var(--primary-color-deep);background:linear-gradient(150deg,rgba(var(--primary-color-rgb),.35),rgba(var(--primary-color-dark-rgb),.18));border:1px solid rgba(var(--primary-color-dark-rgb),.25);transition:transform .25s cubic-bezier(.16,1,.3,1)}.onb-role:hover .onb-role-icon{transform:scale(1.06) rotate(-3deg)}.onb-role-icon svg{width:27px;height:27px}.onb-role-h{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;color:var(--onb-ink)}.onb-panel{width:100%;background:var(--white-color);border:1px solid var(--onb-line);border-radius:1.4rem;box-shadow:var(--onb-panel-shadow);padding:2rem 2.1rem 1.9rem;text-align:left}@media (max-width:479px){.onb-panel{padding:1.6rem 1.4rem 1.5rem}}.onb-back{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .75rem -.35rem;padding:.4rem .6rem .4rem .35rem;font:inherit;font-size:.8rem;font-weight:500;color:var(--primary-color-deep);background:rgba(var(--primary-color-rgb),.14);border:0;border-radius:9999px;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.onb-back:hover{background:rgba(var(--primary-color-rgb),.22);transform:translateX(-2px)}.onb-back svg{width:15px;height:15px}.onb-h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 1.5rem;color:var(--onb-ink)}.onb-fields,.onb-form{display:flex;flex-direction:column;gap:1rem}.onb-row{display:grid;grid-template-columns:1fr;gap:.9rem}@media (min-width:560px){.onb-row{grid-template-columns:1fr 1fr}}.onb-field{display:flex;flex-direction:column;gap:.45rem;min-width:0}.onb-label{font-size:.8rem;font-weight:600;color:#2a3631}.onb-req{color:#ef4444;font-weight:600}.onb-iwrap{position:relative}.onb-fico{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--onb-faint);pointer-events:none}.onb-fico svg{width:17px;height:17px}.onb-input{width:100%;height:3rem;padding:0 .9rem;font:inherit;font-size:.9rem;color:var(--onb-ink);background:var(--onb-field-bg);border:1.5px solid var(--onb-line-strong);border-radius:.75rem;outline:none;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.onb-input::placeholder{color:#a7b2ab}.onb-input:focus{background:var(--white-color);border-color:var(--primary-color-dark);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.18)}.onb-input.has-ico{padding-left:2.6rem}.onb-fhint{font-size:.75rem;color:var(--onb-faint)}.onb-select-wrap{position:relative}.onb-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:2.5rem}.onb-select.is-placeholder{color:#a7b2ab}.onb-select-caret{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--onb-faint);pointer-events:none}.onb-chips{display:flex;flex-wrap:wrap;gap:.55rem}.onb-chip{font:inherit;font-size:.85rem;font-weight:500;padding:.55rem 1rem;color:#2a3631;background:var(--onb-field-bg);border:1.5px solid var(--onb-line-strong);border-radius:9999px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.onb-chip:hover{border-color:rgba(var(--primary-color-dark-rgb),.5)}.onb-chip.is-on{color:var(--primary-color-deep);background:rgba(var(--primary-color-rgb),.18);border-color:var(--primary-color-dark);font-weight:600}.onb-error{padding:.65rem .75rem;font-size:.8rem;color:var(--danger-color-dark);background:rgba(var(--danger-color-rgb),.06);border:1px solid rgba(var(--danger-color-rgb),.18);border-radius:.625rem}.onb-btn{height:3.1rem;padding:0 1.5rem;font:inherit;font-size:.95rem;font-weight:600;border:0;border-radius:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .18s ease,color .18s ease,opacity .18s ease,transform .14s ease}.onb-btn:disabled{opacity:.65;cursor:default}.onb-btn-primary{background:var(--primary-color);color:#08312a;box-shadow:0 12px 26px -14px rgba(var(--primary-color-dark-rgb),.9)}.onb-btn-primary:hover:not(:disabled){background:var(--primary-color-hover);transform:translateY(-1px)}.onb-form .onb-btn-primary{margin-top:.35rem;align-self:flex-end}.onb-topbar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1rem 1.25rem}@media (min-width:640px){.onb-topbar{padding:1.1rem 1.5rem}}.onb-root .account-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;font:inherit;font-size:.75rem;font-weight:500;line-height:1;color:var(--onb-ink);background-color:rgba(var(--primary-color-rgb),.08);border:1px solid rgba(var(--primary-color-rgb),.18);border-radius:9999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.onb-root .account-btn:hover{background-color:rgba(var(--primary-color-rgb),.14);border-color:rgba(var(--primary-color-rgb),.3)}.onb-root .account-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:9999px;color:#000;background:linear-gradient(to bottom right,var(--primary-color),var(--primary-color-hover))}.onb-root .account-avatar svg{width:11px;height:11px;display:block}.onb-root .account-email{letter-spacing:-.025em;color:#374151;min-width:0;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onb-root .account-logout-icon{display:inline-flex;opacity:.55;margin-left:.125rem;transition:opacity .15s ease,color .15s ease}.onb-root .account-logout-icon svg{width:15px;height:15px;display:block}.onb-root .account-btn:hover .account-logout-icon{opacity:1;color:var(--danger-color)}.onb-bypass{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--onb-ink-muted)}.onb-bypass .onb-brand-logo{height:2.4rem}.onb-bypass-spin{width:22px;height:22px;animation:onbSpin .8s linear infinite;color:var(--primary-color-dark)}@keyframes onbSpin{to{transform:rotate(1turn)}}