:root{--bg: #161717;--surface: #1e1f1f;--surface-elevated: #1a2330;--primary: #1e6fff;--primary-hover: #3d85ff;--on-primary: #ffffff;--text: #ffffff;--text-secondary: #b8baba;--text-muted: #8a8c8c;--border: #2a3340;--border-subtle: rgba(255, 255, 255, .4);--border-focused: #1e6fff;--input-fill: rgba(26, 40, 56, .6);--error: #ff5c5c;--error-surface: #3a1a1a;--error-border: #ff8a8a;--error-text: #ffb4b4;--success: #4caf7a;--warning: #e0b35a;--icon: #8bb8ff;--overlay: rgba(0, 0, 0, .6);--overlay-strong: rgba(0, 0, 0, .72);--divider: #2a2b2b;--glass-fill: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .38);--auth-panel-border: rgba(255, 255, 255, .22);--shadow: #000000;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-auth: 36px;--radius-auth-glass: 46px;--radius-sheet: 28px;--radius-pill: 40px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--btn-h: 56px;--input-h: 56px;--otp-size: 48px;--icon-size: 22px;--nav-bar-h: 70px;--nav-circle: 56px;--nav-circle-lift: 28px;--nav-h: calc(var(--nav-circle-lift) + var(--nav-bar-h));--nav-inset: 16px;--nav-corner: 28px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "Noto Sans Arabic", "Roboto", system-ui, sans-serif;--fs-brand: 2.5rem;--fw-brand: 800;--lh-brand: 1.15;--fs-screen: 1.875rem;--fw-screen: 900;--lh-screen: 1.2;--fs-section: 1.375rem;--fw-section: 700;--fs-body: .875rem;--fw-body: 400;--lh-body: 1.5;--fs-body-strong: .9375rem;--fw-body-strong: 600;--fs-caption: .8125rem;--fw-caption: 500;--fs-button: 1rem;--fw-button: 700;--fs-input: 1rem;--fw-input: 600;--dur-fast: .18s;--dur-nav: .38s;--dur-auth: .75s;--dur-page: .32s;--dur-ads: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--shadow-brand: 0 3px 14px rgba(0, 0, 0, .35);--shadow-auth: 0 18px 34px rgba(0, 0, 0, .14);--shadow-nav-circle: 0 8px 20px rgba(30, 111, 255, .45);--shadow-card: 0 8px 24px rgba(0, 0, 0, .28);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .18);--shadow-toast: 0 8px 24px rgba(0, 0, 0, .35)}@keyframes yj-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yj-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes yj-auth-enter{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes yj-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes yj-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes yj-press{0%{transform:scale(1)}to{transform:scale(.97)}}@keyframes yj-spin{to{transform:rotate(360deg)}}.anim-page{animation:yj-rise-in var(--dur-page) var(--ease-out) both}.anim-auth{animation:yj-auth-enter var(--dur-auth) var(--ease-out) both}.anim-fade{animation:yj-fade-in var(--dur-fast) var(--ease-standard) both}.anim-scale{animation:yj-scale-in var(--dur-page) var(--ease-out) both}.anim-sheet{animation:yj-sheet-up var(--dur-page) var(--ease-out) both}.anim-rise{animation:yj-rise-in var(--dur-page) var(--ease-out) both}.pressable{transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast);-webkit-tap-highlight-color:transparent}.pressable:active:not(:disabled){transform:scale(.97)}.yj-spinner{width:22px;height:22px;border:2.4px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:yj-spin .7s linear infinite;display:inline-block;vertical-align:middle}@media(prefers-reduced-motion:reduce){.anim-page,.anim-auth,.anim-fade,.anim-scale,.anim-sheet,.anim-rise{animation:none!important}.pressable:active:not(:disabled){transform:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;height:100%;background:var(--bg)}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);direction:rtl;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--icon);text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{min-height:100%;min-height:100dvh;width:100%;position:relative;background:var(--bg);isolation:isolate}@media(min-width:768px){body{background:#0d0e0e}.app-shell{max-width:430px;margin-inline:auto;min-height:100dvh;box-shadow:0 0 0 1px #ffffff0f}}@media(display-mode:standalone),(display-mode:fullscreen){body{background:var(--bg)}.app-shell{max-width:none;margin:0;box-shadow:none;width:100%}}.app-screen{min-height:100%;min-height:100dvh;padding:calc(12px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:var(--bg)}.app-screen.with-nav{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 28px);min-height:100dvh}.screen-title{margin:0 0 8px;font-size:var(--fs-screen);font-weight:var(--fw-screen);line-height:var(--lh-screen);letter-spacing:.2px;text-shadow:var(--shadow-brand)}.section-title{margin:0 0 8px;font-size:var(--fs-section);font-weight:var(--fw-section)}.caption{margin:0;color:var(--text-muted);font-size:var(--fs-caption);font-weight:var(--fw-caption)}.section-label{display:block;margin:0 0 8px;font-size:.95rem;font-weight:700}.stack{display:flex;flex-direction:column;gap:14px}.offline-banner{position:sticky;top:0;z-index:50;background:var(--error-surface);color:var(--error);text-align:center;padding:calc(8px + var(--safe-top)) 12px 8px;font-size:.85rem;font-weight:700;animation:yj-fade-in var(--dur-fast) var(--ease-standard)}.form-error{color:var(--error);margin:0;font-size:var(--fs-caption);font-weight:600}.back-btn{width:44px;height:44px;min-width:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-card)}