@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #2b2c40;--color-secondary: #111111;--color-accent: #d5ac7b;--color-accent-light: #d5cab8;--color-accent-dark: #C9A227;--color-surface: #FFFFFF;--color-surface-alt: #F9FAFB;--color-text-primary: #2b2c40;--color-text-secondary: #6B7280}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-cairo{font-family:Cairo,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Tajawal,"sans-serif"}.font-tajawal{font-family:Tajawal,sans-serif}.gold-gradient{background:#d8ac7b}.gold-text{background:#d8ac7b;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.service-card{position:relative;background:#fff;border:1px solid #F3F4F6;border-radius:1rem;padding:2rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000000f;transition:all .5s ease}.service-card:hover{border-color:#fde68a;box-shadow:0 25px 50px -12px #c9a2272e;transform:translateY(-4px)}.service-bg{position:absolute;top:-4rem;left:-4rem;width:8rem;height:8rem;border-radius:9999px;background:#fef3c7;transition:transform .7s}.service-card:hover .service-bg{transform:scale(1.5)}.service-icon{width:3.5rem;height:3.5rem;border-radius:.75rem;background:#2b2c40;color:#d8ac7b;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all .5s ease}.service-card:hover .service-icon{background:linear-gradient(135deg,#f0d2a8,#d8ac7b 45%,#9a6a3d);color:#2b2c40}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}#navbar.scrolled{background:#000000f2;box-shadow:0 8px 32px #00000080}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d8ac7b,#b8860b);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#d8ac7b}::selection{background:#d8ac7b4d;color:#111}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@media(max-width:640px){h1{font-size:2.25rem!important;line-height:1.15!important}}