@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";
:root{--primary-blue:#00aeef;--primary-blue-dark:#0077b6;--primary-dark:#36374b;--bg-primary:#05050a;--bg-secondary:#0a0a12;--bg-card:#0f0f1a;--bg-card-hover:#14142a;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6a6a7a;--gradient-primary:linear-gradient(135deg,#00aeef 0%,#0077b6 100%);--gradient-radial:radial-gradient(ellipse at center,#00aeef26 0%,transparent 70%);--gradient-card:linear-gradient(145deg,#ffffff0d 0%,#fff0 100%);--border-color:#ffffff14;--border-glow:#00aeef4d;--shadow-lg:0 25px 50px -12px #00000080;--shadow-glow:0 0 60px #00aeef33;--section-padding:120px;--container-max-width:1200px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)0;position:relative}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.125rem;line-height:1.8}.btn{cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 40px #00aeef4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00aeef66}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--primary-blue);background:#00aeef1a}.card{background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-blue),transparent);opacity:0;height:1px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-5px)}.card:hover:before{opacity:1}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14}.glow{position:relative}.glow:after{content:"";background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;filter:blur(20px);transition:opacity var(--transition-normal);position:absolute;inset:-2px}.glow:hover:after{opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fadeInUp{animation:.8s forwards fadeInUp}.animate-float{animation:6s ease-in-out infinite float}@media (max-width:768px){:root{--section-padding:80px}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}