@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@400;600;700&display=swap";:root{--blue-900: #062f63;--blue-800: #0b3d80;--blue-700: #123f83;--blue-600: #184890;--blue-500: #1e5bb0;--blue-400: #2f7ac9;--blue-300: #6aa6e0;--blue-200: #b6d3f2;--blue-100: #e3eefb;--blue-50: #f2f7fd;--gold-700: #d99000;--gold-600: #f5a623;--gold-500: #ffc61a;--gold-400: #ffd54a;--gold-200: #ffe9a3;--gold-100: #fff6db;--red-700: #c62430;--red-600: #ed3341;--red-500: #f5525f;--red-400: #f8808a;--red-300: #fba5ac;--red-200: #ffc9ce;--red-100: #ffe6e9;--teal-700: #05606f;--teal-600: #0a8391;--teal-500: #17a2ad;--teal-200: #a9e2e6;--teal-100: #e0f5f6;--cat-blue: #1f6fc4;--cat-teal: #12a59f;--cat-green: #3da35d;--cat-orange: #f0892a;--cat-purple: #7b4ea8;--ink-900: #0f1b2d;--ink-700: #33415a;--ink-500: #64748b;--ink-400: #94a3b8;--ink-300: #cbd5e1;--ink-200: #e2e8f0;--ink-100: #eef2f7;--paper: #ffffff;--canvas: #f4f7fb;--success: #3da35d;--warning: #f0892a;--danger: #ed3341;--info: #1f6fc4;--brand: var(--blue-600);--brand-strong: var(--blue-900);--brand-accent: var(--gold-500);--brand-pop: var(--red-600);--text-heading: var(--blue-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-on-brand: #ffffff;--text-link: var(--blue-600);--text-link-hover: var(--blue-800);--surface-page: var(--canvas);--surface-card: var(--paper);--surface-sunken: var(--blue-50);--surface-brand: var(--blue-600);--surface-brand-deep: var(--blue-900);--border-subtle: var(--ink-200);--border-default: var(--ink-300);--border-brand: var(--blue-600)}:root{--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--font-arabic: "Amiri", "Cairo", "Noto Naskh Arabic", serif;--font-arabic-ui: "Cairo", "Tajawal", sans-serif;--fs-display: 3.5rem;--fs-h1: 2.5rem;--fs-h2: 2rem;--fs-h3: 1.5rem;--fs-h4: 1.25rem;--fs-lg: 1.125rem;--fs-base: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.1;--lh-heading: 1.2;--lh-snug: 1.35;--lh-body: 1.6;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .04em;--ls-caps: .08em}:root{--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 2.5rem;--sp-8: 3rem;--sp-10: 4rem;--sp-12: 5rem;--container-sm: 640px;--container-md: 960px;--container-lg: 1200px;--container-app: 420px}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-2xl: 36px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15,27,45,.06);--shadow-sm: 0 2px 6px rgba(15,27,45,.08);--shadow-md: 0 8px 20px rgba(15,27,45,.1);--shadow-lg: 0 16px 40px rgba(15,27,45,.14);--shadow-xl: 0 28px 64px rgba(15,27,45,.18);--shadow-blue: 0 12px 28px rgba(24,72,144,.28);--shadow-gold: 0 12px 28px rgba(245,166,35,.32);--shadow-red: 0 12px 28px rgba(237,51,65,.28);--shadow-teal: 0 12px 28px rgba(10,131,145,.26);--ledge-blue: 0 4px 0 #123f83;--ledge-gold: 0 4px 0 #d99000;--ledge-red: 0 4px 0 #c62430;--ledge-teal: 0 4px 0 #05606f;--focus-ring: 0 0 0 4px rgba(47,122,201,.35);--border-hairline: 1px;--border-thick: 2px;--ease-bounce: cubic-bezier(.34,1.56,.64,1);--ease-out: cubic-bezier(.22,.61,.36,1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}html,body,#root{height:100%}body{margin:0;background:#e6ecf5;font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--blue-600)}a:hover{color:var(--blue-800)}button{box-sizing:content-box;font-family:inherit;font-size:inherit;color:inherit;padding:0;border:0;background:none;cursor:pointer}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.7}to{transform:scale(1.45);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blinkDot{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes scanPulse{0%,to{opacity:1}50%{opacity:.35}}.app-shell{height:100dvh;display:flex;flex-direction:column;background:#e6ecf5}.app-frame{position:relative;flex:1;min-height:0;width:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(min-width:640px){.app-shell{align-items:center;justify-content:center;padding:24px 0}.app-frame{width:var(--container-app);max-width:100%;flex:0 1 900px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}}@media(max-height:620px)and (max-width:900px){.app-frame{overflow-y:auto}.app-frame>*{flex-shrink:0}}.scroll-y{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}