@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Cairo:wght@300;400;500;600;700&display=swap";:root{--primary: #0a192f;--secondary: #c9a35d;--accent: #64ffda;--bg-dark: #020c1b;--bg-light: #f8f9fa;--text-main: #e6f1ff;--text-muted: #8892b0;--white: #ffffff;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2);--container-max: 1280px;--section-padding: 100px 20px;--nav-height: 90px;--font-main: "Outfit", "Cairo", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main)}body{line-height:1.6;overflow-x:hidden;background-color:var(--bg-dark)}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit;transition:all .3s ease}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .3s ease}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8884d}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.glass-card{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:var(--secondary);transform:translateY(-5px);box-shadow:0 10px 30px -10px #c9a35d33}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(to right,var(--white),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease forwards}[dir=rtl]{font-family:Cairo,sans-serif}@media (max-width: 768px){:root{--section-padding: 60px 20px}}.App{min-height:100vh;display:flex;flex-direction:column}.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);display:flex;justify-content:center;align-items:center;z-index:9999;color:var(--secondary);font-size:1.5rem;font-weight:700;letter-spacing:2px}