@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{--primary-color: #059669;--secondary-color: #047857;--accent-color: #10b981;--bg-color: #f8fafc;--text-color: #1e293b}body{font-family:Cairo,sans-serif;background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.hero-gradient{background:linear-gradient(135deg,#0f172ae6,#059669cc)}.glass-panel{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26870d}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.text-gradient{background:linear-gradient(to right,#059669,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}