@charset "UTF-8";:root{--primary-color: #0ea5e9;--secondary-color: #0f172a;--primary-rgb: 14, 165, 233;--secondary-rgb: 15, 23, 42;--accent-rgb: 239, 68, 68;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--surface-video: #000;--brand-google-rgb: 66, 133, 244;--scrim-image: rgb(0 0 0 / .85);--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--accent-50: #fef2f2;--accent-100: #fee2e2;--accent-200: #fecaca;--accent-300: #fca5a5;--accent-400: #f87171;--accent-500: #ef4444;--accent-600: #dc2626;--accent-700: #b91c1c;--accent-800: #991b1b;--accent-900: #7f1d1d;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}:root,:root[data-theme=dark]{--surface-page: #0f1620;--surface-card: #16202c;--surface-raised: #1e293b;--surface-sunken: #0b1119;--surface-inverse: #f9fafb;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #7b8ba1;--text-muted: #8b9bb0;--text-inverse: #0f172a;--text-on-primary: #ffffff;--text-on-primary-muted: rgb(255 255 255 / .75);--text-on-primary-faint: rgb(255 255 255 / .4);--border-subtle: #1e293b;--border-strong: #334155;--border-focus: var(--primary-400);--focus-ring: 0 0 0 3px rgb(var(--primary-rgb) / .25);--focus-border: rgb(var(--primary-rgb) / .5);--focus-ring-danger: 0 0 0 3px var(--status-danger-border);--surface-accent-subtle: rgb(var(--primary-rgb) / .12);--text-accent: var(--primary-300);--surface-glass: rgb(255 255 255 / .06);--surface-glass-strong: rgb(255 255 255 / .14);--border-glass: rgb(255 255 255 / .12);--overlay: rgb(2 6 23 / .72);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .75);--status-success-bg: rgb(34 197 94 / .15);--status-success-fg: #4ade80;--status-success-border: rgb(34 197 94 / .35);--status-warning-bg: rgb(245 158 11 / .15);--status-warning-fg: #fbbf24;--status-warning-border: rgb(245 158 11 / .35);--status-danger-bg: rgb(239 68 68 / .15);--status-danger-fg: #f87171;--status-danger-border: rgb(239 68 68 / .35);--status-info-bg: rgb(14 165 233 / .15);--status-info-fg: #38bdf8;--status-info-border: rgb(14 165 233 / .35);--status-neutral-bg: rgb(148 163 184 / .15);--status-neutral-fg: #cbd5e1;--status-neutral-border: rgb(148 163 184 / .35);--hero-void-bg: #05080d;--hero-void-text: #ffffff;--hero-void-text-muted: rgb(255 255 255 / .55);--hero-void-cta-bg: #ffffff;--hero-void-cta-fg: #05080d;--hero-void-cta-ghost: rgb(255 255 255 / .7);--hero-void-hairline: rgb(56 189 248 / .45);--hero-void-glow: rgb(14 165 233 / .34);--hero-star-opacity: .45;--hero-graph-rgb: 56 189 248;--hero-pulse-rgb: 186 230 253;--hero-node-fill: #05080d;--hero-accent-gradient: linear-gradient(100deg, #7dd3fc 0%, #38bdf8 45%, #0284c7 100%);--gradient-hero: linear-gradient(135deg, #60a5fa 0%, #34d399 100%);--gradient-brand: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-surface: linear-gradient(135deg, var(--secondary-600) 0%, var(--secondary-800) 100%);--glow-primary: 0 0 40px rgb(14 165 233 / .35);--scrollbar-thumb: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-600) 100%);--scrollbar-thumb-hover: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%)}:root[data-theme=light]{--surface-page: #f9fafb;--surface-card: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f3f4f6;--surface-inverse: #0f172a;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-primary-muted: rgb(255 255 255 / .8);--text-on-primary-faint: rgb(255 255 255 / .55);--border-subtle: #e5e7eb;--border-strong: #d1d5db;--border-focus: var(--primary-500);--focus-ring: 0 0 0 3px rgb(var(--primary-rgb) / .18);--focus-border: rgb(var(--primary-rgb) / .55);--focus-ring-danger: 0 0 0 3px var(--status-danger-border);--surface-accent-subtle: rgb(var(--primary-rgb) / .08);--text-accent: var(--primary-700);--surface-glass: rgb(15 23 42 / .04);--surface-glass-strong: rgb(15 23 42 / .08);--border-glass: rgb(15 23 42 / .1);--overlay: rgb(15 23 42 / .45);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--status-success-bg: #dcfce7;--status-success-fg: #166534;--status-success-border: #bbf7d0;--status-warning-bg: #fef3c7;--status-warning-fg: #92400e;--status-warning-border: #fde68a;--status-danger-bg: #fee2e2;--status-danger-fg: #b91c1c;--status-danger-border: #fecaca;--status-info-bg: #dbeafe;--status-info-fg: #1e40af;--status-info-border: #bfdbfe;--status-neutral-bg: #f1f5f9;--status-neutral-fg: #475569;--status-neutral-border: #e2e8f0;--hero-void-bg: #f7fafd;--hero-void-text: #0b1220;--hero-void-text-muted: rgb(11 18 32 / .62);--hero-void-cta-bg: #0b1220;--hero-void-cta-fg: #ffffff;--hero-void-cta-ghost: rgb(11 18 32 / .68);--hero-void-hairline: rgb(2 132 199 / .32);--hero-void-glow: rgb(14 165 233 / .2);--hero-star-opacity: 0;--hero-graph-rgb: 2 132 199;--hero-pulse-rgb: 3 105 161;--hero-node-fill: #ffffff;--hero-accent-gradient: linear-gradient(100deg, #0284c7 0%, #0369a1 50%, #075985 100%);--gradient-hero: linear-gradient(135deg, #2563eb 0%, #059669 100%);--gradient-brand: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-surface: linear-gradient(135deg, var(--secondary-100) 0%, var(--secondary-200) 100%);--glow-primary: 0 0 40px rgb(14 165 233 / .12);--scrollbar-thumb: linear-gradient(135deg, var(--primary-300) 0%, var(--primary-500) 100%);--scrollbar-thumb-hover: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-600) 100%)}:root{--bg-primary: var(--surface-card);--bg-secondary: var(--surface-page);--bg-tertiary: var(--surface-sunken);--bg-dark: var(--surface-inverse);--bg-gradient: var(--gradient-brand);--bg-gradient-secondary: var(--gradient-surface);--border-primary: var(--border-subtle);--border-secondary: var(--border-strong)}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}body{font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-page);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}button{font-family:inherit}input,select,textarea{color:var(--text-primary);background-color:transparent}::placeholder{color:var(--text-tertiary);opacity:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em}h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}[dir=rtl] .icon--directional{transform:scaleX(-1)}.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-fg);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;transition:all .3s ease;margin-bottom:1rem}.badge:hover{background:var(--status-info-bg);transform:translateY(-2px);text-decoration:none;color:var(--status-info-fg)}.badge svg{width:16px;height:16px;flex-shrink:0}.title-accent{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html{scrollbar-width:thin;scrollbar-color:var(--primary-500) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary-500) transparent}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.page-loading__spinner{width:44px;height:44px;border:3px solid var(--border-subtle);border-top-color:var(--primary-500);border-radius:50%;animation:page-spin .7s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}.skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--z-skip-link, 9999);padding:var(--space-3) var(--space-5);border-end-end-radius:var(--radius-md);background:var(--primary-700);color:var(--text-on-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--focus-ring);outline-offset:2px}main:focus{outline:none}