@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-darker: #07070a;--bg-dark: #0c0c10;--bg-card: rgba(18, 18, 24, .7);--bg-card-hover: rgba(26, 26, 36, .85);--accent-blue: #0055ff;--accent-cyan: #00e5ff;--accent-glow: rgba(0, 85, 255, .35);--text-white: #ffffff;--text-muted: #8e8e9f;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 229, 255, .3);--font-en: "Inter", sans-serif;--font-title-en: "Space Grotesk", sans-serif;--font-ar: "Cairo", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-darker);color:var(--text-white);font-family:var(--font-en);overflow-x:hidden}body{min-height:100vh;line-height:1.6;background-color:var(--bg-darker)}html[dir=rtl]{font-family:var(--font-ar)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-family:var(--font-ar);font-weight:800}h1,h2,h3,h4{font-family:var(--font-title-en);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button,input,select,textarea{font-family:inherit}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.header-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#07070ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1.25rem 5%;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-smooth)}.header-nav.scrolled{padding:.85rem 5%;background-color:#07070ae6;box-shadow:0 10px 30px #00000080}.logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;letter-spacing:.05em;color:var(--text-white);text-transform:uppercase}.logo-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:4px;position:relative;display:inline-block;box-shadow:0 0 10px var(--accent-glow)}.logo-icon:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-color:var(--bg-darker);border-radius:2px}.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding:.5rem 0;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));transition:var(--transition-fast)}.nav-links a:hover{color:var(--text-white)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1.5rem}.lang-toggle{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-white);padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:6px;letter-spacing:.05em}.lang-toggle:hover{background:var(--accent-blue);border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-glow)}.btn-book{background:linear-gradient(135deg,var(--accent-blue),#0044cc);border:none;color:var(--text-white);padding:.65rem 1.4rem;border-radius:4px;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 15px #0055ff40;transition:var(--transition-fast)}.btn-book:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05f6,0 0 8px var(--accent-cyan)}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:1010}.menu-toggle span{display:block;width:25px;height:2px;background-color:var(--text-white);transition:var(--transition-fast)}.hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 8%;gap:2rem;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#07070aa6,#07070af2);z-index:2}.hero-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.02) 1px,transparent 1px);background-size:60px 60px;background-position:center;z-index:2;pointer-events:none}.hero-scanner-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 5%,var(--accent-cyan) 50%,transparent 95%);box-shadow:0 0 15px #00e5ff59;z-index:2;opacity:.5;pointer-events:none;animation:scanLine 8s cubic-bezier(.4,0,.2,1) infinite}@keyframes scanLine{0%{top:0%}50%{top:100%}to{top:0%}}.hero-content{position:relative;z-index:3;max-width:650px;margin-top:80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.15);padding:6px 14px;border-radius:30px;margin-bottom:1.5rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);box-shadow:0 0 15px #00e5ff0d}.badge-dot{width:6px;height:6px;background-color:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1);opacity:1;box-shadow:0 0 8px var(--accent-cyan)}50%{transform:scale(1.3);opacity:.6;box-shadow:0 0 15px var(--accent-cyan)}to{transform:scale(1);opacity:1;box-shadow:0 0 8px var(--accent-cyan)}}.hero-title-wrapper{overflow:hidden;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.01em;color:var(--text-white);text-transform:uppercase;background:linear-gradient(135deg,#ffffff 60%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:slideUp 1.2s cubic-bezier(.16,1,.3,1) forwards;white-space:pre-line}.hero-subtitle{font-size:clamp(1rem,2vw,1.4rem);font-weight:300;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px;line-height:1.5;animation:fadeIn 1.5s ease forwards}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-cta-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-white);padding:1rem 2.2rem;border-radius:4px;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-smooth);box-shadow:inset 0 0 #05f3;display:inline-flex;align-items:center;gap:10px}.hero-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .6s ease}.hero-cta-btn:hover:before{left:100%}.hero-cta-btn span{display:inline-block;transition:transform .3s ease}.hero-cta-btn.primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#0044cc 100%);border:1px solid transparent;color:var(--text-white);box-shadow:0 4px 20px #0055ff59}.hero-cta-btn.primary:hover{background:linear-gradient(135deg,#06f,#05f);border-color:var(--accent-cyan);box-shadow:0 0 25px #00e5ff59;transform:translateY(-2px)}.hero-cta-btn.primary:hover span.btn-arrow{transform:translate(5px)}html[dir=rtl] .hero-cta-btn.primary:hover span.btn-arrow{transform:translate(-5px)}.hero-cta-btn.secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.15);color:var(--text-white)}.hero-cta-btn.secondary:hover{background:#ffffff14;border-color:var(--text-white);box-shadow:0 0 15px #ffffff26;transform:translateY(-2px)}.hero-hud-panel{position:relative;z-index:3;width:320px;background:#0c0c10a6;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff0d,0 0 20px #00e5ff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:1.5rem;margin-top:80px;animation:slideHUD 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideHUD{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideHUDRtl{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}html[dir=rtl] .hero-hud-panel{animation:slideHUDRtl 1.5s cubic-bezier(.16,1,.3,1) forwards}.hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.75rem;margin-bottom:1rem}.hud-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.hud-status{font-size:.7rem;font-weight:800;color:var(--accent-cyan);background:#00e5ff1a;padding:2px 8px;border-radius:4px;box-shadow:0 0 10px #00e5ff26}.hud-body{display:flex;flex-direction:column;gap:12px;margin-bottom:1.25rem}.hud-stat{display:flex;flex-direction:column;gap:2px}.hud-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.hud-stat-value{font-family:var(--font-title-en);font-size:1.15rem;font-weight:700;color:var(--text-white);letter-spacing:.02em}.hud-footer{display:flex;flex-direction:column;gap:8px}.hud-progress-bar{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.hud-progress-fill{width:75%;height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:2px;box-shadow:0 0 8px var(--accent-cyan);animation:hudProgress 3s ease-in-out infinite alternate}@keyframes hudProgress{0%{width:45%}to{width:90%}}.hud-progress-pct{font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em}.section-3d{padding:6rem 5% 5rem;background-color:var(--bg-darker);position:relative}.section-header{text-align:center;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.section-header h2{font-size:2.5rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 60%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{color:var(--text-muted);font-size:1.1rem;font-weight:300}.dashboard-3d{display:grid;grid-template-columns:1fr 320px;gap:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 30px 60px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.viewer-container{width:100%;height:550px;background:#09090d;border-radius:8px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.three-canvas{width:100%;height:100%;display:block}.viewer-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#09090d;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .5s ease}.loader-spinner{width:50px;height:50px;border:3px solid rgba(0,85,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px var(--accent-glow)}.loader-text{font-size:.95rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.viewer-overlay-ui{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:5;background:#0c0c11d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:30px;border:1px solid var(--border-color);box-shadow:0 10px 25px #0009}.viewer-ui-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:20px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.viewer-ui-btn.active,.viewer-ui-btn:hover{color:var(--text-white);background:var(--accent-blue);box-shadow:0 0 10px #0055ff80}.space-info-tooltip{position:absolute;top:25px;left:25px;background:#07070ae6;border:1px solid var(--accent-blue);border-radius:6px;padding:15px;z-index:5;max-width:250px;box-shadow:0 10px 30px #000c,0 0 15px #0055ff26;pointer-events:none;opacity:0;transform:translateY(-10px);transition:var(--transition-smooth)}.space-info-tooltip.active{opacity:1;transform:translateY(0)}.space-info-title{font-size:.95rem;font-weight:700;text-transform:uppercase;margin-bottom:5px;color:var(--accent-cyan)}.space-info-detail{font-size:.8rem;color:var(--text-muted)}.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.sidebar-card-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-item{background:#ffffff03;border:1px solid rgba(255,255,255,.03);padding:10px;border-radius:4px}.stat-val{font-family:var(--font-title-en);font-size:1.25rem;font-weight:700;color:var(--text-white)}.stat-lbl{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.action-list{display:flex;flex-direction:column;gap:10px}.action-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-white);padding:10px 15px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:left;display:flex;justify-content:space-between;align-items:center}html[dir=rtl] .action-btn{text-align:right}.action-btn:hover{background:#0055ff1a;border-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-glow)}.action-btn svg{width:14px;height:14px;fill:var(--text-muted)}.action-btn:hover svg{fill:var(--accent-cyan)}.viewer-tip-container{font-size:.8rem;color:var(--text-muted);line-height:1.5;border-left:2px solid var(--accent-cyan);padding-left:10px}html[dir=rtl] .viewer-tip-container{border-left:none;border-right:2px solid var(--accent-cyan);padding-left:0;padding-right:10px}.section-services{padding:6rem 5%;background-color:var(--bg-dark);position:relative}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2.5rem 2rem;transition:var(--transition-smooth);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}html[dir=rtl] .service-card:before{transform-origin:right}.service-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);border-color:#00e5ff33;box-shadow:0 20px 40px #00000080,0 0 15px #0055ff1a}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:50px;height:50px;background:#0055ff14;border:1px solid rgba(0,85,255,.2);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--accent-cyan);font-size:1.5rem;transition:var(--transition-smooth);box-shadow:0 0 10px #0055ff1a}.service-card:hover .service-icon{background:var(--accent-blue);color:var(--text-white);box-shadow:0 0 15px var(--accent-glow);transform:rotate(5deg)}.service-card h3{font-size:1.4rem;text-transform:uppercase;letter-spacing:.02em}.service-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.section-portfolio{padding:6rem 5%;background-color:var(--bg-darker)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.portfolio-card{display:block;border-radius:8px;overflow:hidden;position:relative;background:var(--bg-card);border:1px solid var(--border-color);height:400px;cursor:pointer;transition:var(--transition-smooth)}.portfolio-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .portfolio-img{transform:scale(1.08)}.portfolio-mesh-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#07070aa6;background-image:linear-gradient(rgba(0,229,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.08) 1px,transparent 1px);background-size:20px 20px;background-position:center;opacity:0;z-index:2;transition:opacity .4s ease}.portfolio-card:hover .portfolio-mesh-overlay{opacity:1}.portfolio-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,#07070af2 40%,#07070a00);z-index:3;transform:translateY(20px);transition:var(--transition-smooth)}.portfolio-card:hover .portfolio-info{transform:translateY(0)}.portfolio-info h3{font-size:1.4rem;margin-bottom:.5rem;text-transform:uppercase;color:var(--text-white)}.portfolio-info p{color:var(--text-muted);font-size:.85rem;line-height:1.5;opacity:0;transform:translateY(10px);transition:opacity .4s ease .1s,transform .4s ease .1s}.portfolio-card:hover .portfolio-info p{opacity:1;transform:translateY(0)}.section-pricing{padding:6rem 5%;background-color:var(--bg-dark)}.pricing-tabs{display:flex;justify-content:center;gap:2rem;margin-top:4rem;margin-bottom:4rem;flex-wrap:wrap}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:3rem 2rem;text-align:center;position:relative;transition:var(--transition-smooth);width:100%;max-width:380px;display:flex;flex-direction:column;justify-content:space-between}.pricing-card.popular{border-color:var(--accent-blue);box-shadow:0 15px 35px #0055ff26;background:#12121ecc}.popular-badge{position:absolute;top:15px;right:15px;background:var(--accent-blue);color:var(--text-white);font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.05em;z-index:10}html[dir=rtl] .popular-badge{right:auto;left:15px}.pricing-card:hover{transform:scale(1.03);border-color:var(--accent-cyan);box-shadow:0 20px 40px #0009,0 0 15px #00e5ff1a}.tier-name{font-size:1.4rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.5rem}.pricing-card.popular .tier-name{color:var(--accent-cyan)}.tier-price{font-family:var(--font-title-en);font-size:2.8rem;font-weight:700;color:var(--text-white);margin-bottom:2rem}.tier-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.tier-features{list-style:none;text-align:left;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.85rem}html[dir=rtl] .tier-features{text-align:right}.tier-features li{font-size:.9rem;color:var(--text-white);display:flex;align-items:center;gap:10px}.tier-features li:before{content:"✓";color:var(--accent-cyan);font-weight:700}.btn-select-tier{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-white);padding:.85rem;border-radius:4px;width:100%;font-weight:700;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.pricing-card.popular .btn-select-tier{background:var(--accent-blue);border-color:transparent}.pricing-card.popular .btn-select-tier:hover{background:#04c;box-shadow:0 0 15px var(--accent-glow)}.btn-select-tier:hover{background:#ffffff1a;border-color:var(--text-white)}.pricing-footnote{font-size:.9rem;color:var(--text-muted);display:inline-block;border-left:2px solid var(--accent-cyan);padding-left:15px;text-align:left;line-height:1.6}html[dir=rtl] .pricing-footnote{border-left:none;border-right:2px solid var(--accent-cyan);padding-left:0;padding-right:15px;text-align:right}.tier-sub{font-size:.9rem;display:block;color:var(--text-muted);font-weight:500;margin-top:6px;text-transform:none;letter-spacing:0}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.addon-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.75rem;transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.addon-card:hover{transform:translateY(-3px);border-color:#00e5ff4d;box-shadow:0 10px 25px #00000080,0 0 10px #00e5ff1a;background:var(--bg-card-hover)}.addon-title{font-size:1.05rem;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem}.addon-detail{font-size:.85rem;color:var(--text-muted);line-height:1.5}.footer-section{background-color:var(--bg-darker);border-top:1px solid var(--border-color);padding:6rem 5% 2rem}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;margin-bottom:5rem}.footer-info-column{display:flex;flex-direction:column;gap:2rem}.footer-info-column p{color:var(--text-muted);max-width:450px;line-height:1.7}.contact-form-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:2.5rem;box-shadow:0 20px 50px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.contact-form-title{font-size:1.5rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;color:var(--text-white)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.form-full{grid-column:span 2}.form-input{width:100%;background:#121217;border:1px solid var(--border-color);color:var(--text-white);padding:.85rem 1rem;border-radius:4px;outline:none;font-size:.9rem;transition:var(--transition-fast)}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-glow)}textarea.form-input{height:120px;resize:none}.btn-submit{background:linear-gradient(135deg,var(--accent-blue),#0044cc);border:none;color:var(--text-white);padding:1rem;border-radius:4px;width:100%;font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 15px #05f3;transition:var(--transition-fast)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05f6,0 0 10px var(--accent-cyan)}.form-msg{font-size:.85rem;margin-top:1rem;text-align:center;display:none}.form-msg.success{color:#0f6;display:block}.form-msg.error{color:#f33;display:block}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem;color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a:hover{color:var(--text-white)}.whatsapp-bubble{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 30px #25d36666;z-index:999;cursor:pointer;transition:var(--transition-smooth)}.whatsapp-bubble:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 #25d36699;animation:pulse 2s infinite}.whatsapp-bubble:hover{transform:scale(1.08) translateY(-3px);box-shadow:0 12px 35px #25d36699}.whatsapp-icon{width:32px;height:32px;fill:#fff}html[dir=rtl] .whatsapp-bubble{right:auto;left:30px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #25d36699}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.dashboard-3d{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#07070af2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-direction:column;justify-content:center;gap:3rem;z-index:999;transition:var(--transition-smooth);border-left:1px solid var(--border-color)}html[dir=rtl] .nav-links{right:auto;left:-100%;border-left:none;border-right:1px solid var(--border-color)}.nav-links.active{right:0}html[dir=rtl] .nav-links.active{left:0}.nav-actions{margin-right:3rem}html[dir=rtl] .nav-actions{margin-right:0;margin-left:3rem}.form-grid{grid-template-columns:1fr}.form-full{grid-column:span 1}}.scroll-top-btn{position:fixed;bottom:105px;right:35px;width:50px;height:50px;background-color:#121218cc;border:1px solid var(--border-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-white);cursor:pointer;z-index:998;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 30px #0006;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.scroll-top-btn svg{transition:transform .3s ease}.scroll-top-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 15px #00e5ff66}.scroll-top-btn:hover svg{transform:translateY(-3px)}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}html[dir=rtl] .scroll-top-btn{right:auto;left:35px}.about-hero{position:relative;width:100%;min-height:45vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 5% 4rem;background:radial-gradient(circle at 50% 50%,#0055ff1f,#07070a 80%);border-bottom:1px solid var(--border-color);overflow:hidden}.about-hero-content{position:relative;z-index:5}.about-title{font-size:clamp(2.2rem,6vw,3.8rem);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--text-white) 30%,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.about-subtitle{font-size:clamp(1rem,2.5vw,1.35rem);color:var(--text-muted);font-family:var(--font-title-en);max-width:600px;margin:0 auto}.about-content-section{padding:6rem 8%;background-color:var(--bg-darker);position:relative}.about-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.about-intro-text p{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.8}.about-intro-text p:last-of-type{margin-bottom:0}.inline-btn{display:inline-flex;align-items:center;gap:8px;padding:.85rem 1.8rem;border-radius:6px;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border:none;box-shadow:0 4px 20px var(--accent-glow);cursor:pointer;transition:var(--transition-smooth)}.inline-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00e5ff80}.inline-btn .btn-arrow{transition:var(--transition-fast)}.inline-btn:hover .btn-arrow{transform:translate(4px)}.about-intro-visual{width:100%}.wireframe-box{width:100%;height:320px;background-color:#0c0c1099;border:1px solid rgba(0,229,255,.15);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0055ff0d}.wireframe-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:30px 30px;background-position:center}.scanner-sweep{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);box-shadow:0 0 10px var(--accent-cyan);opacity:.7;animation:sweep 4s ease-in-out infinite}@keyframes sweep{0%,to{top:0%}50%{top:100%}}.sensor-node{position:absolute;width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan)}.sensor-node:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px solid var(--accent-cyan);border-radius:50%;opacity:0;animation:pulse-node 2s infinite}@keyframes pulse-node{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.sensor-node.node-1{top:30%;left:25%;animation-delay:0s}.sensor-node.node-2{top:65%;left:70%;animation-delay:.5s}.sensor-node.node-3{top:45%;left:50%;animation-delay:1s}.about-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}.pillar-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:var(--transition-smooth)}.pillar-card:hover{transform:translateY(-5px);background-color:var(--bg-card-hover);border-color:#00e5ff33;box-shadow:0 15px 40px #0009}.pillar-icon{width:50px;height:50px;background:#0055ff1a;border:1px solid rgba(0,85,255,.25);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--accent-cyan);margin-bottom:1.5rem}.pillar-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-white);font-family:var(--font-title-en)}.pillar-card p{font-size:.95rem;color:var(--text-muted);line-height:1.7}@media (max-width: 968px){.about-intro-grid{grid-template-columns:1fr;gap:3rem}.about-pillars-grid{grid-template-columns:1fr;gap:1.5rem}}html[dir=rtl] .form-input{text-align:right}.tel-link,.email-link{color:inherit;text-decoration:none;transition:var(--transition-fast)}.tel-link:hover,.email-link:hover{color:var(--accent-cyan);text-decoration:underline}
