.hero{--navy-900:#1e3796;--navy-800:#1e3796;--navy-700:#142562;--navy-600:#1b3079;--navy-500:#2945a0;--blue-accent:#4a7dff;--cyan-accent:#38d9ff;--gold:#f5c542;--gold-soft:#ffd97a;--white:#ffffff;--text-mute:#a8b7e0;--grid-line:rgba(74,125,255,0.08)}.dark-theme .hero{--navy-900:#0d1117;--navy-800:#0d1117}.hero{position:relative;min-height:100vh;width:100%;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(74,125,255,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(56,217,255,.1),transparent 60%),linear-gradient(180deg,var(--navy-900) 0,var(--navy-800) 50%,var(--navy-900) 100%);overflow:hidden;isolation:isolate;font-family:Tajawal,sans-serif;color:#fff}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);animation:nh-gridPan 30s linear infinite paused;z-index:0}@keyframes nh-gridPan{0%{background-position:0 0,0 0}100%{background-position:50px 50px,50px 50px}}.particles{position:absolute;inset:0;z-index:1;pointer-events:none}#nh-code-floats{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.code-float{position:absolute;background:rgba(10,20,55,.72);border:1px solid rgba(74,125,255,.2);border-radius:10px;padding:14px 18px;font-family:'JetBrains Mono','Courier New',monospace;font-size:12px;line-height:1.75;color:#a8b7e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:pre;animation:nh-floatCode 18s ease-in-out infinite paused;opacity:.55}.code-float .kw{color:#38d9ff}.code-float .str{color:#f5c542}.code-float .com{color:#4a7dff;opacity:.85}.cf-1{top:8%;right:4%;animation-delay:0s;animation-duration:18s}.cf-2{top:54%;right:2%;animation-delay:4s;animation-duration:22s}.cf-3{top:18%;left:2%;animation-delay:8s;animation-duration:16s}.cf-4{top:68%;left:4%;animation-delay:12s;animation-duration:20s}@keyframes nh-floatCode{0%,100%{transform:translateY(0) rotate(-1deg);opacity:.55}50%{transform:translateY(-18px) rotate(1deg);opacity:.85}}.hero-inner{position:relative;z-index:5;max-width:1400px;margin:0 auto;padding:80px 60px 40px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;min-height:100vh}.text-side{position:relative;animation:nh-slideInRight 1s cubic-bezier(.2,.8,.2,1) both}@keyframes nh-slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.hero .badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(74,125,255,.12);border:1px solid rgba(74,125,255,.35);border-radius:100px;font-size:14px;font-weight:500;color:var(--cyan-accent);margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero .badge .dot{width:8px;height:8px;background:var(--cyan-accent);border-radius:50%;box-shadow:0 0 12px var(--cyan-accent);animation:nh-pulseDot 2s ease-in-out infinite}@keyframes nh-pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-title{font-size:clamp(2.2rem, 5vw, 4.2rem);font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:-.5px}.hero-title .gradient-text{background:linear-gradient(352deg,#fff 0,#0067ff 50%,#0d6efd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.25em;line-height:1.3}.hero-title .underline-fancy{position:relative;display:inline-block}.hero-title .underline-fancy::after{content:'';position:absolute;bottom:-6px;right:0;height:4px;width:100%;background:linear-gradient(90deg,#f5c542,#38d9ff);border-radius:2px;transform-origin:right;animation:nh-drawLine 1.5s ease-out .6s both}@keyframes nh-drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-sub{font-size:1.15rem;color:var(--text-mute);line-height:1.8;margin-bottom:36px;max-width:520px}.hero .stats{display:flex;gap:32px;margin-bottom:36px;flex-wrap:wrap}.hero .stat{display:flex;flex-direction:column;gap:4px}.hero .stat .num{font-family:'JetBrains Mono',monospace;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 24px rgba(245,197,66,.4)}.hero .stat .lbl{font-size:13px;color:var(--text-mute);letter-spacing:.5px}.hero .cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hero .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;border:none;transition:all .3s cubic-bezier(.2,.8,.2,1);text-decoration:none;white-space:nowrap;flex-shrink:0;width:auto}.hero .btn-primary{background:linear-gradient(135deg,#4a7dff,#38d9ff);color:#fff;box-shadow:0 8px 24px rgba(74,125,255,.35),inset 0 1px 0 rgba(255,255,255,.2)}.hero .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(74,125,255,.5)}.hero .btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#38d9ff}.hero .btn svg{width:18px;height:18px}.device-side{position:relative;height:600px;animation:nh-slideInLeft 1s cubic-bezier(.2,.8,.2,1) .2s both}@keyframes nh-slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.device-glow{position:absolute;width:700px;height:700px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(74,125,255,.35) 0,transparent 60%);filter:blur(40px);z-index:0;animation:nh-glowPulse 6s ease-in-out infinite paused}@keyframes nh-glowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.laptop-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;animation:nh-floatDevice 6s ease-in-out infinite paused}.tablet-wrap{position:absolute;bottom:8%;left:6%;z-index:2;animation:nh-floatDeviceB 7s ease-in-out infinite .5s paused}.phone-wrap{position:absolute;bottom:5%;right:8%;z-index:4;animation:nh-floatDeviceB 5s ease-in-out infinite 1s paused}@keyframes nh-floatDevice{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-15px)}}@keyframes nh-floatDeviceB{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.orbit{position:absolute;top:50%;left:50%;width:1px;height:1px;z-index:1}.orbit-icon{position:absolute;top:0;left:0;width:48px;height:48px;margin:-24px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,125,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#38d9ff;font-size:20px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.orbit-1{animation:nh-orbit1 20s linear infinite paused}.orbit-2{animation:nh-orbit2 25s linear infinite paused}.orbit-3{animation:nh-orbit3 30s linear infinite paused}.orbit-4{animation:nh-orbit4 22s linear infinite paused}@keyframes nh-orbit1{from{transform:rotate(0) translateX(320px) rotate(0)}to{transform:rotate(360deg) translateX(320px) rotate(-360deg)}}@keyframes nh-orbit2{from{transform:rotate(90deg) translateX(340px) rotate(-90deg)}to{transform:rotate(450deg) translateX(340px) rotate(-450deg)}}@keyframes nh-orbit3{from{transform:rotate(180deg) translateX(310px) rotate(-180deg)}to{transform:rotate(540deg) translateX(310px) rotate(-540deg)}}@keyframes nh-orbit4{from{transform:rotate(270deg) translateX(330px) rotate(-270deg)}to{transform:rotate(630deg) translateX(330px) rotate(-630deg)}}.scroll-ind{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;color:#a8b7e0;font-size:12px;letter-spacing:2px;animation:nh-bounceArrow 2s ease-in-out infinite}.scroll-ind .arrow{width:24px;height:24px;border-right:2px solid #38d9ff;border-bottom:2px solid #38d9ff;transform:rotate(45deg)}@keyframes nh-bounceArrow{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;padding:60px 24px;gap:40px}.device-side{height:480px}.orbit-1,.orbit-2,.orbit-3,.orbit-4{display:none}.cf-1,.cf-2,.cf-3,.cf-4{display:none}.hero .btn{padding:14px 28px;font-size:16px}.hero .cta-row{justify-content:center}}@media (max-width:600px){.device-side{height:380px}.hero .stats{gap:20px}.hero .stat .num{font-size:1.5rem}.hero .btn{padding:14px 28px;font-size:16px}.hero .cta-row{justify-content:center}}html.nh-loaded .code-float,html.nh-loaded .device-glow,html.nh-loaded .grid-bg,html.nh-loaded .laptop-wrap,html.nh-loaded .orbit-1,html.nh-loaded .orbit-2,html.nh-loaded .orbit-3,html.nh-loaded .orbit-4,html.nh-loaded .phone-wrap,html.nh-loaded .tablet-wrap{animation-play-state:running}@media (max-width:1024px){.hero .badge{backdrop-filter:none;-webkit-backdrop-filter:none}.hero .btn-ghost{backdrop-filter:none;-webkit-backdrop-filter:none}.orbit-icon{backdrop-filter:none;-webkit-backdrop-filter:none}.code-float{backdrop-filter:none;-webkit-backdrop-filter:none}.contact-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.contact-modal{backdrop-filter:none;-webkit-backdrop-filter:none}.device-glow{filter:blur(15px);width:350px;height:350px;animation:none}.grid-bg{animation:none}}@media (prefers-reduced-motion:reduce){.code-float,.device-glow,.device-side,.grid-bg,.laptop-wrap,.orbit-1,.orbit-2,.orbit-3,.orbit-4,.phone-wrap,.scroll-ind,.tablet-wrap,.text-side{animation:none!important}.hero .badge .dot{animation:none!important}.hero-title .underline-fancy::after{animation:none!important;transform:scaleX(1)}}.nh-svg-anim animate{animation-play-state:paused}html.nh-loaded .nh-svg-anim animate{animation-play-state:running}.contact-overlay{position:fixed;inset:0;background:rgba(5,10,30,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:nh-fadeIn .25s ease both}@keyframes nh-fadeIn{from{opacity:0}to{opacity:1}}.contact-modal{position:relative;background:linear-gradient(145deg,#0f1d4a,#0a1437);border:1px solid rgba(74,125,255,.3);border-radius:20px;padding:36px 32px 28px;width:100%;max-width:420px;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(74,125,255,.1);animation:nh-slideUp .3s cubic-bezier(.2,.8,.2,1) both;font-family:Tajawal,sans-serif;direction:rtl}@keyframes nh-slideUp{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal-close{position:absolute;top:14px;left:14px;width:32px;height:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a8b7e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.contact-modal-close:hover{background:rgba(255,255,255,.12);color:#fff}.contact-modal-header{text-align:center;margin-bottom:28px}.contact-modal-icon-wrap{width:56px;height:56px;background:rgba(74,125,255,.15);border:1px solid rgba(74,125,255,.35);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#38d9ff;margin:0 auto 14px;box-shadow:0 0 20px rgba(56,217,255,.2)}.contact-modal-header h3{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 6px}.contact-modal-header p{font-size:.9rem;color:#a8b7e0;margin:0}.contact-modal-body{display:flex;flex-direction:column;gap:12px}.contact-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all .25s ease;cursor:pointer}.contact-card:hover{transform:translateY(-2px);border-color:rgba(74,125,255,.4);background:rgba(74,125,255,.08)}.contact-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.whatsapp-card .contact-card-icon{background:rgba(37,211,102,.15);color:#25d366;border:1px solid rgba(37,211,102,.3)}.whatsapp-card:hover{border-color:rgba(37,211,102,.4)!important;box-shadow:0 4px 20px rgba(37,211,102,.1)}.telegram-card .contact-card-icon{background:rgba(0,136,204,.15);color:#08c;border:1px solid rgba(0,136,204,.3)}.telegram-card:hover{border-color:rgba(0,136,204,.4)!important;box-shadow:0 4px 20px rgba(0,136,204,.1)}.phone-card .contact-card-icon{background:rgba(245,197,66,.15);color:#f5c542;border:1px solid rgba(245,197,66,.3)}.contact-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.contact-card-label{font-size:.8rem;color:#a8b7e0}.contact-card-value{font-size:1rem;font-weight:700;color:#fff}.contact-short-num{font-size:1.5rem;color:#f5c542;text-shadow:0 0 16px rgba(245,197,66,.4);letter-spacing:4px}.contact-card-arrow{color:#a8b7e0;font-size:16px;transition:transform .2s}.contact-card:hover .contact-card-arrow{transform:translateX(-4px);color:#38d9ff}@media (max-width:480px){.contact-modal{margin:16px;padding:28px 20px 20px}}