:root{--primary-red: #c41e3a;--primary-red-dark: #8b1529;--primary-red-light: #ff4f6d;--primary-red-bg: #fff0f0;--accent-yellow: #f5a623;--accent-yellow-dark: #d18e00;--accent-yellow-light: #fff8e1;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-paper: #FFFFFF;--bg-dark: #333333;--text-primary: #000000;--text-secondary: #666666;--text-inverse: #FFFFFF;--primary-gradient: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);--primary-gradient-light: linear-gradient(135deg, #fff0f0 0%, #ffe4e1 100%);--black: #000000;--white: #FFFFFF;--gray-dark: #333333;--gray-medium: #666666;--gray-light: #999999;--gray-very-light: #F5F5F5;--divider: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-round: 50%;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1E1E1E;--bg-paper: #1E1E1E;--bg-dark: #000000;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-inverse: #000000;--primary-red: #FF4444;--primary-red-dark: #CC0000;--primary-red-light: #FF6666;--primary-red-bg: #2C0B0E;--primary-gradient: linear-gradient(135deg, #8B0000 0%, #500000 100%);--primary-gradient-light: linear-gradient(135deg, #2C0B0E 0%, #1A0000 100%);--accent-yellow: #FFD700;--accent-yellow-dark: #E6C200;--accent-yellow-light: #332B00;--gray-very-light: #2D2D2D;--divider: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);font-size:15px;transition:background-color .3s ease,color .3s ease;direction:rtl}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#999}.page-hero{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-gradient);color:var(--white);margin-bottom:1.5rem;padding:1rem;box-shadow:0 4px 20px #c41e3a26;position:relative;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg);text-align:center}.page-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none" opacity="0.1"><circle cx="50" cy="50" r="40" stroke="white" stroke-width="2" fill="none"/><path d="M0,100 Q50,0 100,100" stroke="white" stroke-width="2" fill="none"/></svg>');background-size:cover;opacity:.2;animation:pulse 4s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:.2}}.page-hero-title{font-weight:900;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:.25rem;text-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--white);line-height:1.2}.page-hero-subtitle{font-weight:500;font-size:1.1rem;margin-bottom:.25rem;opacity:.95;color:var(--accent-yellow-light);max-width:600px}.page-hero-divider{width:80px;height:6px;background:var(--accent-yellow);margin:0 auto 1rem;border-radius:3px}@media(max-width:768px){.page-hero{min-height:120px;padding:1.5rem 1rem;margin-bottom:1rem}.page-hero-title{font-size:2rem}.page-hero-subtitle{font-size:1.1rem}}