:root{--color-surface: #fcf8ff;--color-surface-dim: #dad6ff;--color-surface-bright: #fcf8ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f6f2ff;--color-surface-container: #efebff;--color-surface-container-high: #e9e5ff;--color-surface-container-highest: #e3dfff;--color-on-surface: #181445;--color-on-surface-variant: #474651;--color-inverse-surface: #2d2a5b;--color-inverse-on-surface: #f3eeff;--color-outline: #777682;--color-outline-variant: #c8c5d3;--color-primary: #1a146b;--color-on-primary: #ffffff;--color-primary-container: #312e81;--color-on-primary-container: #9c9af4;--color-primary-fixed: #e2dfff;--color-primary-fixed-dim: #c3c0ff;--color-on-primary-fixed: #100563;--color-on-primary-fixed-variant: #3e3c8f;--color-secondary: #a04100;--color-on-secondary: #ffffff;--color-secondary-container: #fe6b00;--color-on-secondary-container: #572000;--color-secondary-fixed: #ffdbcc;--color-secondary-fixed-dim: #ffb693;--color-on-secondary-fixed: #351000;--color-on-secondary-fixed-variant: #7a3000;--color-tertiary: #002b1b;--color-on-tertiary: #ffffff;--color-tertiary-container: #00432c;--color-on-tertiary-container: #14ba82;--color-tertiary-fixed: #6ffbbe;--color-tertiary-fixed-dim: #4edea3;--color-on-tertiary-fixed: #002113;--color-on-tertiary-fixed-variant: #005236;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-inverse-primary: #c3c0ff;--color-surface-tint: #5654a8;--cta-fill: var(--color-secondary-container);--cta-text: var(--color-on-secondary);--parent-fill: var(--color-primary);--parent-text: var(--color-on-primary);--success: var(--color-tertiary-container);--on-success: var(--color-on-tertiary-container);--danger: var(--color-error);--on-danger: var(--color-on-error);--font-latin: "IBM Plex Sans", sans-serif;--font-arabic: "IBM Plex Sans Arabic", sans-serif;--text-display-size: 48px;--text-display-line: 58px;--text-display-weight: 700;--text-display-tracking: -.02em;--text-display-mobile-size: 34px;--text-display-mobile-line: 42px;--text-display-mobile-weight: 700;--text-display-mobile-tracking: -.01em;--text-headline-lg-size: 32px;--text-headline-lg-line: 40px;--text-headline-lg-weight: 700;--text-headline-lg-mobile-size: 26px;--text-headline-lg-mobile-line: 34px;--text-headline-lg-mobile-weight: 700;--text-headline-md-size: 24px;--text-headline-md-line: 32px;--text-headline-md-weight: 600;--text-headline-sm-size: 20px;--text-headline-sm-line: 28px;--text-headline-sm-weight: 600;--text-body-lg-size: 18px;--text-body-lg-line: 28px;--text-body-lg-weight: 400;--text-body-md-size: 16px;--text-body-md-line: 24px;--text-body-md-weight: 400;--text-body-sm-size: 14px;--text-body-sm-line: 20px;--text-body-sm-weight: 400;--text-label-lg-size: 15px;--text-label-lg-line: 20px;--text-label-lg-weight: 600;--text-label-lg-tracking: .01em;--text-label-md-size: 13px;--text-label-md-line: 18px;--text-label-md-weight: 600;--text-label-sm-size: 11px;--text-label-sm-line: 16px;--text-label-sm-weight: 700;--text-label-sm-tracking: .04em;--arabic-line-height-multiplier: 1.175;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--gutter: 1.25rem;--gutter-mobile: .75rem;--margin: 2rem;--margin-mobile: 1rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-battle: 0 8px 24px -4px rgba(255, 107, 0, .35);--shadow-battle-soft: 0 8px 24px -4px rgba(255, 107, 0, .22);--shadow-academic: 0 4px 16px -2px rgba(49, 46, 129, .08);--card-inset-border: rgba(30, 27, 75, .15);--focus-ring: 0 0 0 2px var(--color-surface-container-lowest), 0 0 0 4px var(--color-primary);--touch-target-min: 48px;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--layout-task: 30rem;--layout-action: 28rem;--layout-choice: 56rem;--layout-wide: 72rem;--page-background: radial-gradient( ellipse 80% 60% at 50% -10%, color-mix(in srgb, var(--color-surface-container-high) 70%, transparent), transparent ), var(--color-surface);--motion-fast: .15s;--motion-base: .25s;--motion-ease-out: cubic-bezier(.2, 0, 0, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-latin)}body{margin:0}:lang(ar){font-family:var(--font-arabic)}:lang(en){font-family:var(--font-latin)}.icon-directional:dir(rtl){transform:scaleX(-1)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--icon-md);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.text-display{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking)}:lang(ar) .text-display{line-height:calc(var(--text-display-line) * var(--arabic-line-height-multiplier))}.text-display-mobile{font-size:var(--text-display-mobile-size);line-height:var(--text-display-mobile-line);font-weight:var(--text-display-mobile-weight);letter-spacing:var(--text-display-mobile-tracking)}:lang(ar) .text-display-mobile{line-height:calc(var(--text-display-mobile-line) * var(--arabic-line-height-multiplier))}.text-headline-lg{font-size:var(--text-headline-lg-size);line-height:var(--text-headline-lg-line);font-weight:var(--text-headline-lg-weight)}:lang(ar) .text-headline-lg{line-height:calc(var(--text-headline-lg-line) * var(--arabic-line-height-multiplier))}.text-headline-lg-mobile{font-size:var(--text-headline-lg-mobile-size);line-height:var(--text-headline-lg-mobile-line);font-weight:var(--text-headline-lg-mobile-weight)}:lang(ar) .text-headline-lg-mobile{line-height:calc(var(--text-headline-lg-mobile-line) * var(--arabic-line-height-multiplier))}.text-headline-md{font-size:var(--text-headline-md-size);line-height:var(--text-headline-md-line);font-weight:var(--text-headline-md-weight)}:lang(ar) .text-headline-md{line-height:calc(var(--text-headline-md-line) * var(--arabic-line-height-multiplier))}.text-headline-sm{font-size:var(--text-headline-sm-size);line-height:var(--text-headline-sm-line);font-weight:var(--text-headline-sm-weight)}:lang(ar) .text-headline-sm{line-height:calc(var(--text-headline-sm-line) * var(--arabic-line-height-multiplier))}.text-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);font-weight:var(--text-body-lg-weight)}:lang(ar) .text-body-lg{line-height:calc(var(--text-body-lg-line) * var(--arabic-line-height-multiplier))}.text-body-md{font-size:var(--text-body-md-size);line-height:var(--text-body-md-line);font-weight:var(--text-body-md-weight)}:lang(ar) .text-body-md{line-height:calc(var(--text-body-md-line) * var(--arabic-line-height-multiplier))}.text-body-sm{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:var(--text-body-sm-weight)}:lang(ar) .text-body-sm{line-height:calc(var(--text-body-sm-line) * var(--arabic-line-height-multiplier))}.text-label-lg{font-size:var(--text-label-lg-size);line-height:var(--text-label-lg-line);font-weight:var(--text-label-lg-weight);letter-spacing:var(--text-label-lg-tracking)}:lang(ar) .text-label-lg{line-height:calc(var(--text-label-lg-line) * var(--arabic-line-height-multiplier))}.text-label-md{font-size:var(--text-label-md-size);line-height:var(--text-label-md-line);font-weight:var(--text-label-md-weight)}:lang(ar) .text-label-md{line-height:calc(var(--text-label-md-line) * var(--arabic-line-height-multiplier))}.text-label-sm{font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);font-weight:var(--text-label-sm-weight);letter-spacing:var(--text-label-sm-tracking)}:lang(ar) .text-label-sm{line-height:calc(var(--text-label-sm-line) * var(--arabic-line-height-multiplier))}*{box-sizing:border-box}