:root{--primary-50: #E6F4F6;--primary-100: #B3DBE1;--primary-200: #7ECFBE;--primary-300: #4CCD99;--primary-400: #38A492;--primary-500: #237B8B;--primary-600: #1A5E6C;--primary-700: #014354;--primary-800: #012E3A;--primary-900: #011E27;--primary-950: #010F14;--secondary-50: #E6F5F4;--secondary-100: #C0E8E4;--secondary-200: #8DD9CC;--secondary-300: #5ACBB4;--secondary-400: #4CCD99;--secondary-500: #009E8E;--secondary-600: #007F73;--secondary-700: #005C53;--secondary-800: #003D38;--secondary-900: #002420;--secondary-950: #001512;--accent-50: #FFF9E5;--accent-100: #FFF0B3;--accent-200: #FFE466;--accent-300: #FFF455;--accent-400: #FFD633;--accent-500: #FFC700;--accent-600: #D9A800;--accent-700: #B38A00;--accent-800: #8C6C00;--accent-900: #664E00;--accent-950: #3D2F00;--brand-blue: #014354;--brand-light-blue: #E6F4F6;--brand-dark-blue: #011E27;--brand-gray-blue: #7ECFBE;--brand-green-strong: #007F73;--brand-orange: #FF5500;--brand-orange-dark: #CC4400;--brand-amber: #FFC700;--neutral-50: #F4F8F9;--neutral-100: #E6F0F2;--neutral-200: #C9DCE0;--neutral-300: #9FB8BE;--neutral-400: #7591A0;--neutral-500: #506A78;--neutral-600: #3B5161;--neutral-700: #293B4A;--neutral-800: #172838;--neutral-900: #0A1923;--neutral-950: #040D13}:root{--bg-primary: 0 0% 100%;--bg-secondary: 186 38% 96%;--surface: 0 0% 100%;--surface-elevated: 0 0% 100%;--surface-subtle: 186 38% 96%;--surface-hover: 186 38% 92%;--surface-pressed: 186 38% 88%;--fg-primary: 192 96% 8%;--fg-secondary: 193 60% 28%;--fg-muted: 166 30% 37%;--fg-on-brand: 0 0% 100%;--divider: 186 30% 88%;--border-strong: 186 30% 75%;--brand-teal: 193 60% 34%;--brand-ink: 193 97% 17%;--background: 0 0% 100%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--popover: 0 0% 100%;--popover-foreground: 0 0% 0%;--primary: 193 60% 34%;--primary-foreground: 0 0% 100%;--secondary: 173 100% 25%;--secondary-foreground: 0 0% 100%;--muted: 186 38% 93%;--muted-foreground: 166 30% 37%;--accent: 47 100% 50%;--accent-foreground: 192 96% 10%;--destructive: 20 100% 50%;--destructive-foreground: 0 0% 100%;--border: 186 30% 79%;--input: 186 30% 79%;--ring: 193 60% 34%;--radius: .5rem;--status-success: 173 100% 25%;--status-success-soft: 173 38% 93%;--status-success-strong: 173 100% 18%;--status-success-on: 0 0% 100%;--status-warning: 47 100% 43%;--status-warning-soft: 47 100% 95%;--status-warning-strong: 47 100% 32%;--status-warning-on: 192 96% 10%;--status-error: 14 100% 40%;--status-error-soft: 14 100% 95%;--status-error-strong: 14 100% 32%;--status-error-on: 0 0% 100%;--status-info: 173 100% 25%;--status-info-soft: 173 38% 93%;--status-info-strong: 173 100% 18%;--status-info-on: 0 0% 100%;--status-achievement: 47 100% 43%;--status-achievement-soft: 47 100% 95%;--status-achievement-strong: 47 100% 32%;--status-achievement-on: 192 96% 10%;--engage-streak: 14 100% 50%;--engage-xp: 47 100% 50%;--engage-level: 193 60% 40%;--ai: 200 90% 42%;--ai-2: 262 83% 58%;--ai-soft: 200 90% 95%;--ai-on: 0 0% 100%}.dark{--bg-primary: 192 96% 8%;--bg-secondary: 192 96% 10%;--surface: 192 96% 12%;--surface-elevated: 192 70% 16%;--surface-subtle: 192 96% 10%;--surface-hover: 192 70% 18%;--surface-pressed: 192 70% 22%;--fg-primary: 186 38% 96%;--fg-secondary: 186 30% 80%;--fg-muted: 166 30% 62%;--fg-on-brand: 0 0% 100%;--divider: 192 60% 18%;--border-strong: 193 60% 34%;--brand-teal: 191 50% 50%;--brand-ink: 186 45% 78%;--background: 192 96% 8%;--foreground: 186 38% 96%;--card: 192 96% 12%;--card-foreground: 186 38% 96%;--popover: 192 70% 16%;--popover-foreground: 186 38% 96%;--primary: 191 50% 50%;--primary-foreground: 192 96% 8%;--secondary: 156 56% 64%;--secondary-foreground: 192 96% 8%;--muted: 192 96% 10%;--muted-foreground: 166 30% 62%;--accent: 47 100% 50%;--accent-foreground: 192 96% 10%;--destructive: 14 100% 50%;--destructive-foreground: 0 0% 100%;--border: 192 60% 18%;--input: 192 60% 18%;--ring: 191 50% 50%;--status-success: 156 56% 64%;--status-success-soft: 156 56% 18%;--status-success-strong: 156 56% 72%;--status-success-on: 192 96% 10%;--status-warning: 47 100% 50%;--status-warning-soft: 47 100% 16%;--status-warning-strong: 47 100% 60%;--status-warning-on: 192 96% 10%;--status-error: 14 100% 50%;--status-error-soft: 14 100% 16%;--status-error-strong: 14 100% 60%;--status-error-on: 0 0% 100%;--status-info: 156 56% 64%;--status-info-soft: 156 56% 18%;--status-info-strong: 156 56% 72%;--status-info-on: 192 96% 10%;--status-achievement: 47 100% 50%;--status-achievement-soft: 47 100% 16%;--status-achievement-strong: 47 100% 60%;--status-achievement-on: 192 96% 10%;--engage-streak: 14 100% 58%;--engage-xp: 47 100% 55%;--engage-level: 191 50% 55%;--ai: 199 92% 60%;--ai-2: 265 88% 72%;--ai-soft: 205 65% 15%;--ai-on: 200 90% 12%}:root{--gradient-brand-135: linear-gradient(135deg, #014354 0%, #237B8B 50%, #007F73 100%);--gradient-brand: linear-gradient(180deg, #014354 0%, #237B8B 100%);--gradient-brand-hover: linear-gradient(135deg, #014354 0%, #1A5E6C 100%);--gradient-mint: linear-gradient(135deg, #014354 0%, #4CCD99 100%);--gradient-achievement: linear-gradient(135deg, #014354 0%, #FFC700 100%);--gradient-success: linear-gradient(135deg, #007F73 0%, #4CCD99 100%);--gradient-energy: linear-gradient(135deg, #FF5500 0%, #FFC700 100%);--gradient-ai: linear-gradient(135deg, hsl(var(--ai)) 0%, hsl(var(--ai-2)) 100%)}:root{--shadow-card: 0 4px 14px rgba(12, 40, 44, .06);--shadow-raised: 0 10px 24px rgba(8, 40, 52, .12);--shadow-sheet: 0 -16px 40px rgba(0, 0, 0, .3);--shadow-glass: 0 8px 32px rgba(1, 67, 84, .4), 0 2px 8px rgba(0, 0, 0, .2);--shadow-lift: 0 10px 30px rgba(0, 127, 115, .3);--shadow-lift-lg:0 20px 60px rgba(1, 67, 84, .5);--shadow-glow: 0 0 30px rgba(76, 205, 153, .5), 0 8px 24px rgba(0, 0, 0, .3);--shadow-cta: 0 10px 24px -8px hsl(var(--brand-teal) / .55);--shadow-focus: 0 0 0 4px hsl(var(--brand-teal) / .22);--shadow-tier-gold: 0 0 16px rgba(255, 199, 0, .5);--shadow-tier-silver: 0 0 16px rgba(126, 207, 190, .45);--shadow-tier-bronze: 0 0 16px rgba(204, 68, 0, .45)}.dark{--shadow-card: 0 0 0 1px hsl(var(--divider));--shadow-raised: 0 8px 28px rgba(0, 0, 0, .45), 0 0 0 1px hsl(var(--divider))}:root{--font-sans: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fredoka", "Lexend", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", var(--font-sans);--text-hero: clamp(2.5rem, 1.4rem + 4.4vw, 4.5rem);--text-h1: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--text-h2: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--text-h3: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-lead: clamp(1.0625rem, 1rem + .4vw, 1.25rem);--text-body: 1rem;--text-sm: .9375rem;--text-caption: .8125rem;--text-overline:.6875rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--lh-tight: 1.05;--lh-snug: 1.25;--lh-normal: 1.6;--tracking-tight: -.02em;--tracking-wide: .06em}:root{--radius-pill: 9999px;--radius-btn: 16px;--radius-card: 20px;--radius-hero: 24px;--radius-sheet: 28px;--space-gutter: 20px;--space-section: clamp(4rem, 2rem + 8vw, 8rem);--container-max: 1180px;--hit-target: 44px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}html{color-scheme:light dark}body{background:hsl(var(--bg-primary));color:hsl(var(--fg-primary));font-family:var(--font-sans);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}:where(h1,h2,h3){font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug)}:where(a,button,[tabindex]):focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:8px}[dir=rtl] body{font-family:var(--font-arabic)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Fredoka-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Fredoka-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Fredoka-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Fredoka-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Lexend-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Lexend-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Lexend-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Lexend-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Lexend-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Lexend-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Lexend-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Lexend-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}