*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}:root{--gold: #d4af37;--gold-light: #f4d03f;--black: #0a0a0a;--black-light: #1a1a1a;--white: #ffffff;--gray: #888888}body{font-family:Tajawal,sans-serif;background-color:var(--black);color:var(--white);overflow-x:hidden;width:100%;max-width:100vw}#bgCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.gold{color:var(--gold)}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.logo{display:flex;align-items:center;gap:1rem}.logo-image{height:50px;width:auto;object-fit:contain}.logo-arabic{font-size:1.2rem;color:var(--gold);font-weight:700}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--white);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--gold)}.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,var(--black) 0%,var(--black-light) 100%)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(212,175,55,.1) 0%,transparent 50%)}.hero-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:8rem 5% 4rem;gap:4rem;position:relative;z-index:1}.hero-text{flex:1;max-width:600px}.badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);font-weight:700;font-size:.9rem;border-radius:50px;margin-bottom:1.5rem}.hero-title{font-size:4rem;font-weight:900;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:2rem;color:var(--gold);font-weight:700;margin-bottom:1rem}.hero-description{font-size:1.2rem;color:var(--white);line-height:1.8;margin-bottom:2rem}.hero-stats{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:var(--gold)}.stat-label{font-size:.9rem;color:var(--white)}.stat-divider{width:2px;height:50px;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}.cta-button{display:inline-block;padding:1rem 3rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);text-decoration:none;font-weight:700;font-size:1.1rem;border-radius:50px;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d4af3766}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 0 50px rgba(212,175,55,.3));animation:float 6s ease-in-out infinite}.image-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.features{padding:6rem 5%;background:var(--black-light)}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(212,175,55,.2);border-radius:20px;padding:2.5rem;text-align:center;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-10px);border-color:var(--gold)}.feature-icon{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.feature-card:hover .luxury-icon{transform:scale(1.1);box-shadow:0 0 50px #d4af3780,inset 0 0 30px #d4af374d,0 10px 25px #00000080}.feature-card:hover .luxury-icon span{filter:drop-shadow(0 0 25px rgba(212,175,55,1))}.feature-card h3{font-size:1.3rem;color:var(--gold);margin-bottom:1rem}.feature-card p{color:var(--gray);line-height:1.7}.specs{padding:6rem 5%;background:var(--black)}.specs-container{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.specs-image{flex:1}.specs-image img{max-width:100%;filter:drop-shadow(0 0 30px rgba(212,175,55,.2))}.specs-list{flex:1;display:flex;flex-direction:column;gap:1.5rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(212,175,55,.2);border-radius:15px;transition:border-color .3s}.spec-item:hover{border-color:var(--gold)}.spec-label{color:var(--gray);font-size:1rem}.spec-value{color:var(--gold);font-weight:700;font-size:1.1rem}.cta-section{padding:6rem 5%;background:linear-gradient(135deg,var(--black-light),var(--black));text-align:center}.cta-content h2{font-size:3rem;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:var(--gray);margin-bottom:2rem}.footer{padding:2rem 5%;background:var(--black);text-align:center;border-top:1px solid rgba(212,175,55,.2)}.footer-link{display:inline-block;color:var(--gold);text-decoration:none;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:.8rem 2rem;border:2px solid var(--gold);border-radius:50px;transition:all .3s ease}.footer-link:hover{background:var(--gold);color:var(--black);box-shadow:0 0 30px #d4af3780}.footer p{color:var(--gray)}@media(max-width:968px){.hero-content{flex-direction:column;text-align:center;padding-top:10rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-stats{justify-content:center}.specs-container{flex-direction:column}.nav-links{display:none}.hero-image img,.specs-image img{max-width:90%}.logo-image{height:40px}.logo-arabic{font-size:1rem}}@media(max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.cta-content h2{font-size:2rem}.hero-image img,.specs-image img{max-width:85%}.tech-title{font-size:1rem;flex-wrap:wrap}.luxury-icon{width:50px;height:50px}.luxury-icon span{font-size:1.5rem}.whatsapp-btn-circle{width:55px;height:55px;bottom:20px;right:20px}.whatsapp-btn-circle svg{width:26px;height:26px}.logo-image{height:35px}.logo-arabic{font-size:.9rem}.navbar{padding:1rem 3%}}.datasheet{padding:8rem 5%;background:linear-gradient(180deg,var(--black) 0%,#080808 50%,var(--black-light) 100%);position:relative;overflow:hidden}.datasheet:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:150px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);animation:lineGlow 3s ease-in-out infinite}.datasheet:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(212,175,55,.03) 0%,transparent 70%);pointer-events:none}@keyframes lineGlow{0%,to{opacity:.5;height:150px}50%{opacity:1;height:200px}}.datasheet-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.luxury-badge{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:2px solid rgba(212,175,55,.4);border-radius:50px;margin-bottom:2rem;font-size:1rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 30px #d4af3733,inset 0 0 20px #d4af371a;animation:badgePulse 4s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 30px #d4af3733,inset 0 0 20px #d4af371a}50%{box-shadow:0 0 50px #d4af3766,inset 0 0 30px #d4af3733}}.diamond{font-size:.8rem;animation:sparkle 2s ease-in-out infinite;text-shadow:0 0 10px var(--gold)}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}.datasheet-subtitle{color:var(--gray);font-size:1.2rem;margin-top:1.5rem;letter-spacing:1px}.tech-section{max-width:1200px;margin:0 auto 4rem;position:relative;z-index:1}.tech-title{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:1.6rem;color:var(--white);margin-bottom:2.5rem;padding:1.5rem 0;position:relative;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);border-radius:10px}.tech-title:before,.tech-title:after{content:"";position:absolute;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.tech-title:before{right:0;top:50%}.tech-title:after{left:0;top:50%}.luxury-icon{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d4af3733,#d4af370d);border-radius:50%;box-shadow:0 0 30px #d4af374d,inset 0 0 20px #d4af3733,0 5px 15px #00000080}.luxury-icon span{font-size:2rem;filter:drop-shadow(0 0 15px rgba(212,175,55,.8));z-index:2;animation:iconPulse 2s ease-in-out infinite}.icon-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--gold),transparent,var(--gold-light)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringRotate 4s linear infinite}.luxury-icon:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%);z-index:1}.luxury-icon:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:1px dashed rgba(212,175,55,.3);animation:ringRotate 8s linear infinite reverse}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(212,175,55,.8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(212,175,55,1))}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gold-icon{font-size:2.2rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.5));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tech-card{display:flex;flex-direction:column;padding:2rem;background:linear-gradient(145deg,#1e1e1ee6,#0f0f0fe6);border:1px solid rgba(212,175,55,.25);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s ease}.tech-card:hover:before{left:100%}.tech-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--gold),transparent,var(--gold));border-radius:22px;z-index:-1;opacity:0;transition:opacity .4s ease}.tech-card:hover:after{opacity:.3}.tech-card:hover{border-color:var(--gold);transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #d4af3740,0 0 30px #d4af371a}.tech-card.highlight{background:linear-gradient(145deg,#d4af3733,#d4af370d);border-color:#d4af3780;box-shadow:0 0 20px #d4af3726}.tech-card.highlight:hover{box-shadow:0 25px 50px #d4af3759,0 0 40px #d4af3733}.tech-label{font-size:.9rem;color:var(--gray);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px;position:relative}.tech-value{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.flash-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#d4af37cc,#ffffffe6);z-index:9999;opacity:0;pointer-events:none;transition:opacity .1s ease}.flash-overlay.active{animation:flashEffect .6s ease-out forwards}@keyframes flashEffect{0%{opacity:0}15%{opacity:1}to{opacity:0}}.hero-image img,.specs-image img{cursor:pointer;transition:all .4s ease}.hero-image img:hover,.specs-image img:hover{filter:drop-shadow(0 0 20px rgba(212,175,55,1)) drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 60px rgba(212,175,55,.6)) drop-shadow(0 0 80px rgba(255,255,255,.4)) brightness(1.2);transform:scale(1.05);animation:hoverGlow 1.5s ease-in-out infinite}@keyframes hoverGlow{0%,to{filter:drop-shadow(0 0 20px rgba(212,175,55,1)) drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 60px rgba(212,175,55,.6)) brightness(1.2)}50%{filter:drop-shadow(0 0 30px rgba(212,175,55,1)) drop-shadow(0 0 60px rgba(212,175,55,.9)) drop-shadow(0 0 90px rgba(255,255,255,.5)) brightness(1.4)}}.hero-image img:active,.specs-image img:active{filter:drop-shadow(0 0 100px rgba(255,255,255,.9)) brightness(1.5)}.hero-image img.glowing,.specs-image img.glowing{animation:borderGlow .8s ease-out;filter:drop-shadow(0 0 20px rgba(212,175,55,1)) drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 60px rgba(212,175,55,.6)) drop-shadow(0 0 80px rgba(255,255,255,.5)) brightness(1.3)}@keyframes borderGlow{0%{filter:drop-shadow(0 0 5px rgba(212,175,55,.5)) brightness(1)}30%{filter:drop-shadow(0 0 30px rgba(255,255,255,1)) drop-shadow(0 0 60px rgba(212,175,55,1)) drop-shadow(0 0 100px rgba(212,175,55,.8)) brightness(2)}to{filter:drop-shadow(0 0 20px rgba(212,175,55,1)) drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 60px rgba(212,175,55,.6)) brightness(1.3)}}.download-section{max-width:800px;margin:0 auto}.download-card{display:flex;align-items:center;gap:2rem;padding:2rem 3rem;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid rgba(212,175,55,.4);border-radius:20px;transition:all .3s}.download-card:hover{border-color:var(--gold);box-shadow:0 20px 40px #d4af3726}.download-icon{font-size:3rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-info{flex:1}.download-info h3{font-size:1.3rem;color:var(--white);margin-bottom:.5rem}.download-info p{color:var(--gray);font-size:.95rem}.download-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);text-decoration:none;font-weight:700;border-radius:50px;transition:all .3s}.download-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #d4af3766}.btn-arrow{transition:transform .3s}.download-btn:hover .btn-arrow{transform:translate(-5px)}@media(max-width:968px){.tech-grid{grid-template-columns:repeat(2,1fr)}.download-card{flex-direction:column;text-align:center}.tech-title{font-size:1.2rem}}@media(max-width:480px){.tech-grid{grid-template-columns:1fr}}.whatsapp-btn-circle{position:fixed;bottom:30px;right:30px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);text-decoration:none;border-radius:50%;z-index:1000;box-shadow:0 5px 25px #d4af3780,0 0 50px #d4af374d;transition:all .3s ease;animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-btn-circle:hover{transform:scale(1.15) translateY(-5px);box-shadow:0 10px 40px #d4af37b3,0 0 80px #d4af3780}.whatsapp-btn-circle svg{width:32px;height:32px}.whatsapp-btn-circle .whatsapp-glow{position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));opacity:.5;filter:blur(15px);z-index:-1;animation:glowPulse 2s ease-in-out infinite}@keyframes whatsappPulse{0%,to{box-shadow:0 5px 25px #d4af3780,0 0 50px #d4af374d}50%{box-shadow:0 8px 35px #d4af37b3,0 0 70px #d4af3780}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media(max-width:768px){.whatsapp-btn{bottom:20px;left:20px;padding:12px 20px}.whatsapp-btn svg{width:24px;height:24px}.whatsapp-text{font-size:.9rem}}.gallery{padding:8rem 5%;background:linear-gradient(180deg,var(--black-light) 0%,var(--black) 100%);position:relative}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.gallery-card{background:linear-gradient(145deg,#1e1e1ee6,#0f0f0fe6);border:1px solid rgba(212,175,55,.2);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.gallery-card:hover{transform:translateY(-15px);border-color:var(--gold);box-shadow:0 30px 60px #0006,0 0 40px #d4af3733}.gallery-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,rgba(212,175,55,.05),transparent)}.gallery-image img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .5s ease}.gallery-card:hover .gallery-image img{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 50%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-zoom{font-size:3rem;filter:drop-shadow(0 0 20px rgba(212,175,55,.8));animation:zoomPulse 1.5s ease-in-out infinite}@keyframes zoomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gallery-info{padding:1.5rem 2rem 2rem}.gallery-info h3{font-size:1.4rem;color:var(--gold);margin-bottom:.5rem;font-weight:700}.gallery-info p{color:var(--gray);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.gallery-specs{display:flex;flex-wrap:wrap;gap:.5rem}.spec-tag{padding:.4rem 1rem;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.8rem;color:var(--gold);transition:all .3s ease}.gallery-card:hover .spec-tag{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:var(--gold);box-shadow:0 0 15px #d4af3733}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.gallery-card{max-width:400px;margin:0 auto}}.photo-gallery{padding:8rem 5%;background:linear-gradient(180deg,var(--black) 0%,var(--black-light) 50%,var(--black) 100%);position:relative}.gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.generator-card{background:linear-gradient(145deg,#1e1e1ef2,#0f0f0ff2);border:2px solid rgba(212,175,55,.2);border-radius:25px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.generator-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent);opacity:0;transition:opacity .4s ease}.generator-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--gold);box-shadow:0 30px 60px #00000080,0 0 50px #d4af374d}.generator-card:hover:before{opacity:1}.generator-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#141414,#0a0a0a)}.generator-image img{width:100%;height:100%;object-fit:contain;padding:1.5rem;transition:transform .5s ease,filter .5s ease}.generator-card:hover .generator-image img{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(212,175,55,.5))}.generator-badge{position:absolute;top:1rem;right:1rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);font-weight:800;font-size:1rem;border-radius:30px;box-shadow:0 5px 20px #d4af3780;z-index:2}.generator-info{padding:1.5rem 2rem 2rem;text-align:center;position:relative;z-index:1}.generator-info h3{font-size:1.3rem;color:var(--white);margin-bottom:.8rem;font-weight:700}.generator-power{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.4);border-radius:25px;color:var(--gold);font-weight:600;font-size:.95rem}.generator-card:hover .generator-power{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);box-shadow:0 5px 20px #d4af3766}@media(max-width:768px){.gallery-container{grid-template-columns:repeat(2,1fr);gap:1rem}.generator-card{border-radius:15px}.generator-info{padding:1rem}.generator-info h3{font-size:1rem}.generator-badge{font-size:.8rem;padding:.4rem .8rem}}@media(max-width:480px){.gallery-container{grid-template-columns:1fr;max-width:350px}}