@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0077b6;--primary-dark:#023e8a;--accent:#00b4d8;--accent-light:#48cae4;--gold:#ffb703;--dark:#020b18;--dark-2:#051428;--dark-3:#0a1f3d;--text:#fff;--text-muted:hsla(0,0%,100%,.55);--border:hsla(0,0%,100%,.1);--card-bg:hsla(0,0%,100%,.04)}html{scroll-behavior:smooth}body{font-family:Tajawal,system-ui,-apple-system,sans-serif;background:var(--dark);color:var(--text);direction:rtl;overflow-x:hidden;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.section{padding:clamp(60px,8vw,100px) 0}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;border-radius:50px;font-size:.85rem;font-weight:600;background:rgba(0,180,216,.12);color:var(--accent);border:1px solid rgba(0,180,216,.25);margin-bottom:20px}.section-title{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:900;line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:580px;line-height:1.8}.section-header{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.section-header .section-subtitle{margin:0 auto}.gradient-text{background:linear-gradient(135deg,var(--accent-light) 0,var(--accent) 50%,#0096c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gold-text{color:var(--gold)}.divider{width:56px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;margin:16px auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 34px;border-radius:50px;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 20px rgba(0,180,216,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,180,216,.55)}.btn-outline{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.35)}.btn-outline:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.7)}.btn-gold{background:linear-gradient(135deg,#f4a821,var(--gold));color:#020b18;box-shadow:0 4px 20px rgba(255,183,3,.35)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,183,3,.55)}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.35)}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(37,211,102,.55)}.btn-sm{padding:10px 22px;font-size:.9rem}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;transition:all .35s ease}.glass-card:hover{background:hsla(0,0%,100%,.07);border-color:rgba(0,180,216,.3);transform:translateY(-5px);box-shadow:0 24px 48px rgba(0,0,0,.35)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:28px}.grid-2,.grid-3{display:grid;gap:28px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;padding:18px 0;transition:all .35s ease}.navbar.scrolled{background:rgba(2,11,24,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.08);padding:12px 0;box-shadow:0 4px 30px rgba(0,0,0,.4)}.nav-link{color:hsla(0,0%,100%,.8);font-weight:500;font-size:.95rem;transition:color .2s;padding:4px 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;right:0;left:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s ease}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{transform:scaleX(1)}.nav-cta{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff!important;padding:10px 24px;border-radius:50px;font-weight:700;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,180,216,.3)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,180,216,.5)}.nav-cta:after{display:none}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}.desktop-nav{display:flex!important}}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#010810,#020e22 20%,#021c40 45%,#023e8a 75%,#0077b6 90%,#00b4d8)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(0,119,182,.25) 0,transparent 65%),radial-gradient(ellipse at 20% 80%,rgba(0,180,216,.15) 0,transparent 55%)}.hero-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:rgba(0,180,216,.5);animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.hero-wave{position:absolute;bottom:-2px;left:-50%;width:200%;animation:waveMove 14s linear infinite}@keyframes waveMove{0%{transform:translateX(0)}to{transform:translateX(25%)}}.hero-content{position:relative;z-index:2;padding-top:80px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--accent-light);margin-bottom:28px;animation:fadeInUp .7s ease both}.hero-title{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:900;line-height:1.15;margin-bottom:24px;animation:fadeInUp .7s ease .1s both}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:hsla(0,0%,100%,.75);max-width:540px;line-height:1.8;margin-bottom:40px;animation:fadeInUp .7s ease .2s both}.hero-ctas{gap:14px;animation:fadeInUp .7s ease .3s both}.hero-ctas,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:48px;margin-top:60px;animation:fadeInUp .7s ease .4s both}.hero-stat-num{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero-stat-label{font-size:.85rem;color:hsla(0,0%,100%,.55);margin-top:4px}.service-card{padding:36px 28px;text-align:center;border-radius:24px;cursor:default}.service-icon-wrap{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 22px}.price-tag{font-size:1.9rem;font-weight:900;color:var(--gold);line-height:1}.price-tag small{font-size:.9rem;color:var(--text-muted);font-weight:400}.stars{color:var(--gold);letter-spacing:2px}.check-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:.95rem}.check-item:last-child{border-bottom:none}.check-icon{width:22px;height:22px;min-width:22px;border-radius:50%;background:rgba(0,180,216,.18);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.9rem;font-weight:600;color:hsla(0,0%,100%,.8)}.form-input{width:100%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:14px 18px;color:#fff;font-family:Tajawal,sans-serif;font-size:1rem;transition:all .3s;outline:none;-webkit-appearance:none}.form-input:focus{border-color:var(--accent);background:rgba(0,180,216,.07);box-shadow:0 0 0 3px rgba(0,180,216,.15)}.form-input::placeholder{color:hsla(0,0%,100%,.3)}select.form-input option{background:#051428;color:#fff}textarea.form-input{resize:vertical;min-height:110px}.wa-float{position:fixed;bottom:28px;left:28px;width:58px;height:58px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px rgba(37,211,102,.5);cursor:pointer;z-index:999;transition:all .3s}.wa-float:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,.7)}.wa-float:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(37,211,102,.4);animation:pulseRing 2.2s ease-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulseRing{0%{transform:scale(.85);opacity:1}to{transform:scale(2);opacity:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(1turn)}}.testimonial-card{padding:32px;border-radius:20px}.scroll-indicator{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;animation:float 2.5s ease-in-out infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.wave-sep{width:100%;overflow:hidden;line-height:0}.wave-sep svg{display:block;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-bottom:80px}@media (max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.footer-link{color:hsla(0,0%,100%,.5);font-size:.9rem;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.footer-link:hover{color:var(--accent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:56px}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}