@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--primary-purple:#7c3aed;--primary-blue:#2563eb;--secondary-purple:#a78bfa;--secondary-blue:#60a5fa;--black:#0f172a;--white:#fff;--off-white:#f8fafc;--glass:#ffffffb3;--glass-dark:#0f172acc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-tajawal:"Tajawal", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-tajawal);background-color:var(--white);color:var(--black);direction:rtl;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;font-family:var(--font-tajawal);border:none;outline:none;transition:all .3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes notificationPopup{0%{opacity:0;transform:translate(100%)translateY(0)}10%{opacity:1;transform:translate(0)translateY(0)}90%{opacity:1;transform:translate(0)translateY(0)}to{opacity:0;transform:translate(100%)translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}.glass-effect{background:var(--glass);-webkit-backdrop-filter:blur(10px)}.gradient-text{background:linear-gradient(135deg, var(--primary-purple), var(--primary-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--primary-purple), var(--primary-blue))}