@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap");:root{--primary-gradient:linear-gradient(135deg,#1e293b,#334155);--secondary-gradient:linear-gradient(135deg,#334155,#ffffff);--hero-gradient:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);--card-shadow:0 10px 30px rgba(30,41,59,0.1);--card-shadow-hover:0 20px 40px rgba(30,41,59,0.15);--text-gradient:linear-gradient(45deg,#334155,#ffffff,#334155);--border-radius:15px;--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1)}body{font-family:Cairo,Tajawal,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,102,204,.1)}.logo-icon{background:var(--primary-gradient);border-radius:50%;box-shadow:0 5px 15px rgba(0,102,204,.3)}.logo-icon i{color:white}.hero{background:var(--hero-gradient);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="20" cy="80" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;z-index:1}.hero-content{position:relative;z-index:2}.gradient-text{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.primary-cta,.secondary-cta{position:relative;overflow:hidden;backdrop-filter:blur(10px)}.primary-cta:before,.secondary-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.primary-cta:hover:before,.secondary-cta:hover:before{left:100%}.feature-card{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95);border:1px solid rgba(0,102,204,.1);transition:var(--transition-smooth)}.feature-card:hover{background-color:rgba(255,255,255,1);border-color:rgba(0,102,204,.3)}.feature-icon{color:#1e293b;background:none;box-shadow:none}.feature-icon i{color:#1e293b;font-size:48px}.hero-banner-bottom{background:var(--hero-gradient);position:relative}.hero-banner-bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.3;z-index:0}.stat-card{backdrop-filter:blur(15px);background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);transition:var(--transition-smooth)}.stat-card:hover{background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}.testimonial-card{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95);transition:var(--transition-smooth)}.testimonial-card:hover{background-color:rgba(255,255,255,1)}.footer{background:linear-gradient(135deg,#172b4d,#253858);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5;z-index:0}.footer-content{position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 5px 15px rgba(0,102,204,.3)}50%{box-shadow:0 5px 25px rgba(0,102,204,.5)}}.glowing{animation:glow 2s ease-in-out infinite}@media (max-width:1024px){.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:768px){.hero{padding:60px 0;min-height:400px}.hero-title{font-size:24px}.hero-description,.hero-tagline{font-size:14px}.features-grid,.stats-grid{grid-template-columns:1fr;gap:20px}.feature-card,.stat-card,.testimonial-card{padding:20px}.section{padding:60px 0}.section-title{font-size:24px}.section-subtitle{font-size:14px}}@media (max-width:480px){.container{padding:15px}.hero-title{font-size:20px}.hero-description,.hero-tagline{font-size:12px}.primary-cta,.secondary-cta{padding:10px 20px;font-size:14px}.feature-card,.stat-card,.testimonial-card{padding:15px}}.author-avatar,.feature-card,.feature-icon,.logo-icon,.stat-card,.stat-icon-wrapper,.testimonial-card{will-change:transform}.btn:focus,.nav-link:focus,.primary-cta:focus,.secondary-cta:focus{outline:2px solid #60a5fa;outline-offset:2px}@media (prefers-contrast:high){.feature-card,.stat-card,.testimonial-card{border:2px solid #0066cc}.text-primary{color:#004c99!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}