:root{--bgColor: #0b0f15;--bgColorDark: #010203;--bgColorTransparent: rgba(11, 15, 21, .56);--bgCard: #151b26;--bgCardHover: #1e2532;--textPrimary: #ffffff;--textSecondary: #5c6775;--accentBlue: #3b82f6;--accentBlueHover: #2563eb;--accentBlueHoverDark: #194fc4;--borderColor: rgba(255, 255, 255, .1);--textGold: #ffd740;--textColor: #ffffff;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .1);--panel: #1e293b;--panel-soft: rgba(30, 41, 59, .55);--panel-deep: #0f172a;--text-muted: #94a3b8;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .25);--fontSans: "Cairo", system-ui, sans-serif;color-scheme:dark}:root.lightMode,:root.light-mode{--bgColor: #f0f0f0;--bgColorDark: #f8fafc;--bgColorTransparent: rgba(255, 255, 255, .91);--bgCard: #ffffff;--bgCardHover: #f1f5f9;--textPrimary: #0f172a;--textSecondary: #222d3d;--borderColor: rgba(0, 0, 0, .1);--textGold: #ffd740;--textColor: #0f172a;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--surface-hover: #eef2f7;--panel: #ffffff;--panel-soft: #ffffff;--panel-deep: #e2e8f0;--text-muted: #64748b;--input-bg: #f8fafc;--input-border: rgba(15, 23, 42, .12);--shadow-soft: 0 16px 32px rgba(15, 23, 42, .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #0b0f15;--bg-color-dark: #010203;--bg-color-transparent: rgb(11 15 21 / 56%);--bg-card: #151b26;--bg-card-hover: #1e2532;--text-primary: #ffffff;--text-secondary: #5c6775;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-hover-dark: #194fc4;--border-color: rgba(255, 255, 255, .1);--text-gold: #ffd740;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .1);--panel: #1e293b;--panel-soft: rgba(30, 41, 59, .55);--panel-deep: #0f172a;--text-muted: #94a3b8;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .25);--bgColor: var(--bg-color);--bgColorDark: var(--bg-color-dark);--bgColorTransparent: var(--bg-color-transparent);--bgCard: var(--bg-card);--bgCardHover: var(--bg-card-hover);--textPrimary: var(--text-primary);--textSecondary: var(--text-secondary);--accentBlue: var(--accent-blue);--accentBlueHover: var(--accent-blue-hover);--accentBlueHoverDark: var(--accent-blue-hover-dark);--borderColor: var(--border-color);--textGold: var(--text-gold);--textColor: var(--text-primary);--surfaceMuted: var(--surface);--surfaceElevated: var(--surface-2);--panelBg: var(--panel);--panelSoft: var(--panel-soft);--textMuted: var(--text-muted);--inputBg: var(--input-bg);--inputBorder: var(--input-border);--font-sans: "Cairo", system-ui, sans-serif;color-scheme:dark}:root.light-mode,:root.lightMode{--bg-color: #f0f0f0;--bg-color-dark: #f8fafc;--bg-color-transparent: #ffffffe8;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #222d3d;--border-color: rgba(0, 0, 0, .1);--text-gold: #ffd740;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--surface-hover: #eef2f7;--panel: #ffffff;--panel-soft: #ffffff;--panel-deep: #e2e8f0;--text-muted: #64748b;--input-bg: #f8fafc;--input-border: rgba(15, 23, 42, .12);--shadow-soft: 0 16px 32px rgba(15, 23, 42, .08);color-scheme:light}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-thumb{background-color:var(--accent-blue-hover-dark);border-radius:10px;width:2px;height:2px}body::-webkit-scrollbar-track{background-color:var(--bg-color)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}a,button,[role=button],summary,input,select,textarea,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.container{max-width:1400px;margin:0 auto;padding:0 20px}