.onb-root{background:#fff;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.onb-radio{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onb-hero{z-index:1;color:#fff;pointer-events:none;flex-direction:column;flex:1;min-height:0;padding:1.25rem 1.25rem 2.75rem;display:flex;position:relative}.onb-hero-bg{pointer-events:none;background:radial-gradient(90% 70% at 50% -10%,#ffffff47,#0000 55%),linear-gradient(165deg,#0bb58f 0%,#12c49a 42%,#089f7d 100%);position:absolute;inset:0}.onb-brand{z-index:2;position:relative}.onb-sheet{z-index:50;padding:1.25rem 1.25rem max(1.25rem, env(safe-area-inset-bottom));pointer-events:auto;isolation:isolate;background:#fff;border-radius:2rem 2rem 0 0;flex-direction:column;flex-shrink:0;margin-top:-2rem;display:flex;position:relative;box-shadow:0 -12px 36px #0bb58f1f}.onb-dots{justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.1rem;display:flex}.onb-dot{background:#d9e5e8;border-radius:999px;width:.4rem;height:.4rem;transition:width .35s,background .35s}.onb-logo-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:none;position:relative}.onb-logo-wrap{z-index:2;background:#fff;border-radius:1.5rem;flex-shrink:0;justify-content:center;align-items:center;width:7.5rem;height:7.5rem;padding:.75rem;display:flex;position:relative;box-shadow:0 14px 40px #0d1b2a38}.onb-logo-fly{animation:2.1s cubic-bezier(.22,1,.36,1) onb-logo-fly-spin}.onb-icon-soft{background:#fff3;border:1px solid #ffffff59;border-radius:1.5rem;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;animation:.7s ease-out onb-fade-up;display:flex;box-shadow:0 10px 28px #0d1b2a1f}.onb-title{max-width:17.5rem;font-family:var(--font-cairo), sans-serif;letter-spacing:-.02em;color:#fff;opacity:1;margin-top:1.35rem;font-size:1.45rem;font-weight:700;line-height:1.45;animation:.85s ease-out onb-fade-up}.onb-text{max-width:17.5rem;font-family:var(--font-tajawal), sans-serif;color:#ffffffeb;opacity:1;margin-top:.65rem;font-size:.875rem;line-height:1.7;animation:.9s ease-out onb-fade-up}.onb-btn{box-sizing:border-box;width:100%;min-height:3.25rem;font-family:var(--font-cairo), sans-serif;color:#fff;-webkit-tap-highlight-color:#0bb58f40;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background:#0bb58f;border:0;border-radius:1rem;justify-content:center;align-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:none;box-shadow:0 10px 24px #0bb58f59}.onb-btn:active{background:#0aa07f}.onb-skip{width:100%;min-height:2.5rem;font-family:var(--font-tajawal), sans-serif;color:#64748b;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;margin-top:.75rem;font-size:.8125rem;display:none}.onb-root:has(#onb-s0:checked) .onb-pane-s0{display:flex}.onb-root:has(#onb-s0:checked) .onb-dot-0{background:#0bb58f;width:1.35rem}:is(.onb-root:has(#onb-s0:checked) .onb-to-s1,.onb-root:has(#onb-s0:checked) .onb-skip-early){display:flex}.onb-root:has(#onb-s0:checked) .onb-step-label:after{content:"خطوة 1 من 3"}.onb-root:has(#onb-s1:checked) .onb-pane-s1{display:flex}.onb-root:has(#onb-s1:checked) .onb-dot-1{background:#0bb58f;width:1.35rem}:is(.onb-root:has(#onb-s1:checked) .onb-to-s2,.onb-root:has(#onb-s1:checked) .onb-skip-early){display:flex}.onb-root:has(#onb-s1:checked) .onb-step-label:after{content:"خطوة 2 من 3"}.onb-root:has(#onb-s2:checked) .onb-pane-s2{display:flex}.onb-root:has(#onb-s2:checked) .onb-dot-2{background:#0bb58f;width:1.35rem}.onb-root:has(#onb-s2:checked) .onb-to-done{display:flex}.onb-root:has(#onb-s2:checked) .onb-step-label:after{content:"خطوة 3 من 3"}@keyframes onb-logo-fly-spin{0%{transform:translateY(-9rem)scale(.35)rotate(-20deg)}45%{transform:translateY(.6rem)scale(1.06)rotate(360deg)}72%{transform:translateY(-.35rem)scale(.98)rotate(640deg)}to{transform:translate(0,0)scale(1)rotate(720deg)}}@keyframes onb-fade-up{0%{transform:translateY(14px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.onb-logo-fly,.onb-icon-soft,.onb-title,.onb-text{animation:none}}