/* --- Global Variables --- */
:root {
    --primary-red: #FF0000;
    --primary-sky: #00CCFF; 
    --primary-lime: #9EFF00;
    --text-white: #ffffff;
    --text-gray: #999999;
    --bg-dark: #000000;
    --bg-card: #0e0e0e;
    --font-ar: 'Cairo', sans-serif;
    --logo-radius: 15px;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Global Reset & Base --- */
* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    background: var(--bg-dark); 
    color: var(--text-white); 
    font-family: var(--font-ar);
    direction: rtl;
    overflow-x: hidden; /* لمنع ظهور شريط تمرير أفقي غير مرغوب */
    line-height: 1.6;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

img { max-width: 100%; height: auto; }
a { text-decoration: none; transition: var(--transition); }