:root{--yemen-red: #8A1538;--yemen-white: #ffffff;--yemen-black: #000000;--primary-50: #fdf2f4;--primary-100: #f9d5dc;--primary-200: #f0a3b4;--primary-300: #d4546e;--primary-400: #b52d4a;--primary-500: #8A1538;--primary-600: #6e1030;--primary-700: #530c24;--primary-800: #3a0819;--primary-900: #22050f;--accent-gold: #D4AF37;--accent-teal: #0d9488;--accent-sand: #e6d2b5;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--font-scale-xs: .75rem;--font-scale-sm: .875rem;--font-scale-base: 1rem;--font-scale-lg: 1.125rem;--font-scale-xl: 1.25rem;--font-scale-2xl: 1.5rem;--font-scale-3xl: 1.875rem;--font-scale-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-primary: linear-gradient(135deg, var(--primary-600), var(--primary-500));--gradient-accent: linear-gradient(135deg, var(--accent-gold), var(--accent-sand));--gradient-dark: linear-gradient(135deg, var(--neutral-900), var(--neutral-800));--gradient-light: linear-gradient(135deg, var(--neutral-50), var(--neutral-100));--primary-500-rgb: 138, 21, 56}body{font-family:Tajawal,Arial,sans-serif;line-height:1.8;letter-spacing:-.01em;color:var(--neutral-800)}h1,h2,h3,h4,h5,h6,.text-2xl,.text-3xl,.text-4xl{font-weight:700;line-height:1.3;margin-bottom:.5em;position:relative}.content-section h2:after,.content-section .text-2xl:after,.content-section .text-3xl:after{content:"";display:block;width:3rem;height:3px;margin-top:.5rem;background:var(--gradient-primary);border-radius:2px}.bg-gradient-light{background:var(--gradient-light)}.enhanced-card{background:var(--neutral-50);border-radius:.75rem;box-shadow:var(--shadow-md);transition:all .3s ease;overflow:hidden;border:1px solid var(--neutral-200)}.enhanced-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;transition:all .2s ease;border:none;position:relative;overflow:hidden;box-shadow:0 4px 6px #8a153840}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px #8a15384d}.btn-primary:active{transform:translateY(0)}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff1a,#fff0);opacity:0;transition:opacity .2s ease}.btn-primary:hover:after{opacity:1}.news-card{position:relative;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.news-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#000000b3,#0000004d 60%,#0000);transition:all .3s ease}.news-card:hover .news-card-overlay{background:linear-gradient(to top,#000000f2,#000c,#0006 60%,#0000001a)}.news-card-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff;z-index:10}.news-category-badge{display:inline-block;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--primary-500);color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.news-category-badge:hover{background:var(--primary-600);transform:translateY(-1px)}.event-card{border-radius:1rem;overflow:hidden;background:#fff;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--neutral-200)}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--primary-200)}.event-card-image{height:12rem;overflow:hidden}.event-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-card-image img{transform:scale(1.1)}.event-card-body{padding:1.5rem}.event-category-badge{display:inline-block;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--primary-50);color:var(--primary-700);transition:all .2s ease}.event-category-badge:hover{background:var(--primary-100)}.event-card-title{font-size:1.25rem;font-weight:700;margin:1rem 0;color:var(--neutral-800);transition:color .2s ease}.event-card:hover .event-card-title{color:var(--primary-600)}.event-card-meta{display:flex;align-items:center;margin-bottom:.75rem;color:var(--neutral-600);font-size:.875rem}.event-card-meta svg{color:var(--primary-500);margin-left:.5rem;flex-shrink:0}.event-card-action{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.08);box-shadow:0 8px 20px #0003}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-600);margin-bottom:.5rem;background:linear-gradient(to right,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-text{font-size:1rem;color:var(--neutral-600);text-align:center}.stat-number-no-animation{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.swiper-pagination-bullet{width:10px;height:10px;background:var(--neutral-300);opacity:.7;transition:all .3s ease}.swiper-pagination-bullet-active{background:var(--primary-500);opacity:1;width:20px;border-radius:5px}.swiper-button-next,.swiper-button-prev{width:40px;height:40px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:#fff;box-shadow:0 4px 8px #00000026}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.25rem;color:var(--primary-600);transform:scaleX(-1)}.swiper-button-next{left:10px;right:auto}.swiper-button-prev{right:10px;left:auto}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-3px)}@media(max-width:768px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}h1,.text-4xl{font-size:1.875rem}h2,.text-3xl{font-size:1.5rem}h3,.text-2xl{font-size:1.25rem}.stat-number{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.3)}.enhanced-card:focus-visible,.news-card:focus-visible,.event-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.2)}.news-category-badge:focus-visible,.event-category-badge:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}