@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap";:root{--color-primary: #fcb718;--color-secondary: #3e4e58;--color-text: #333333;--color-bg-light: #f9f9f9;--color-white: #ffffff;--font-main: "Rubik", sans-serif;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 48px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--border-radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-light);color:var(--color-text);direction:rtl;line-height:1.6}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}ul{list-style:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}