@font-face{font-family:'Orbitron';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/orbitron-v35-latin-600.woff2') format('woff2');}@font-face{font-family:'Orbitron';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/orbitron-v35-latin-800.woff2') format('woff2');}@font-face{font-family:'Rajdhani';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/rajdhani-v17-latin-300.woff2') format('woff2');}@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/rajdhani-v17-latin-500.woff2') format('woff2');}@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/rajdhani-v17-latin-600.woff2') format('woff2');}:root{--neon-cyan:#002d60;--neon-blue:#001a40;--neon-glow:0 0 10px rgba(0, 85, 170, 0.5), 0 0 20px rgba(0, 85, 170, 0.3);--neon-glow-strong:0 0 15px rgba(0, 85, 170, 0.6), 0 0 30px rgba(0, 85, 170, 0.4);--bg-dark:rgba(255, 255, 255, 0.95);--bg-darker:rgba(245, 248, 252, 0.98);--bg-section:transparent;--bg-section-alt:transparent;--text-color:#0a1628;--text-muted:#1a3050;--card-bg:rgba(255, 255, 255, 0.85);--card-border:rgba(0, 85, 170, 0.5);--hero-overlay:linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(245, 250, 255, 0.85) 100%);--lightbox-bg:rgba(245, 248, 252, 0.98);--page-overlay:rgba(255, 255, 255, 0.78);--title-shadow:0 2px 4px rgba(0, 50, 100, 0.3);--content-bg:rgba(255, 255, 255, 0.95);--nav-btn-bg:rgba(255, 255, 255, 0.85);--nav-btn-hover:rgba(255, 255, 255, 0.95);--nav-btn-text:#0055aa;--phone-btn-text:#003366;} [data-theme="dark"]{--neon-cyan:#00f0ff;--neon-blue:#0080ff;--neon-glow:0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 40px #0080ff;--neon-glow-strong:0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 40px #00f0ff, 0 0 80px #0080ff;--bg-dark:rgba(10, 15, 30, 0.85);--bg-darker:rgba(5, 10, 20, 0.95);--bg-section:transparent;--bg-section-alt:transparent;--text-color:#ffffff;--text-muted:rgba(255, 255, 255, 0.9);--card-bg:rgba(0, 20, 40, 0.7);--card-border:rgba(0, 240, 255, 0.4);--hero-overlay:linear-gradient(135deg, rgba(0, 20, 40, 0.75) 0%, rgba(0, 10, 30, 0.85) 100%);--lightbox-bg:rgba(0, 5, 15, 0.98);--page-overlay:rgba(5, 10, 30, 0.88);--title-shadow:0 0 20px rgba(0, 240, 255, 0.5);--content-bg:rgba(0, 15, 35, 0.5);--nav-btn-bg:rgba(0, 30, 60, 0.7);--nav-btn-hover:rgba(0, 50, 80, 0.8);--nav-btn-text:#00f0ff;--phone-btn-text:#ffffff;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;background:#ffffff;}[data-theme="dark"]{background:#050a18;}body{font-family:'Rajdhani', sans-serif;background:transparent;color:var(--text-color);min-height:100vh;overflow-x:hidden;transition:color 0.3s ease;position:relative;} body::before{content:'';position:fixed;inset:0;background:var(--page-overlay);z-index:-1;pointer-events:none;transition:background 0.3s ease;} body::after{content:'';position:fixed;inset:0;background:url('https://res.cloudinary.com/dz2jnfig9/image/upload/f_auto,q_auto,w_1920,c_limit/v1766494251/background.jpg') center 30% / cover no-repeat;z-index:-2;pointer-events:none;} .hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 5%;} .hero-container{position:relative;z-index:2;width:100%;max-width:1520px;min-height:auto;padding:0;display:flex;flex-direction:column;margin:0 auto;}.hero-container::before{display:none !important;visibility:hidden !important;opacity:0 !important;}@keyframes borderPulse{0%, 100%{opacity:1;}50%{opacity:0.7;}}.corner{display:none;position:absolute;width:30px;height:30px;border:2px solid var(--neon-cyan);box-shadow:none;transition:border-color 0.3s ease, box-shadow 0.3s ease;}.corner-tl{top:-5px;left:-5px;border-right:none;border-bottom:none;}.corner-tr{top:-5px;right:-5px;border-left:none;border-bottom:none;}.corner-bl{bottom:-5px;left:-5px;border-right:none;border-top:none;}.corner-br{bottom:-5px;right:-5px;border-left:none;border-top:none;} .top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}.top-left{display:flex;align-items:center;gap:15px;}.hud-line{width:30px;height:2px;background:var(--neon-cyan);box-shadow:none;transition:background 0.3s ease;}.hud-dots{display:flex;gap:8px;}.hud-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--neon-cyan);box-shadow:none;animation:dotPulse 2s ease-in-out infinite;transition:border-color 0.3s ease;}.hud-dot:nth-child(2){animation-delay:0.3s;}.hud-dot:nth-child(3){animation-delay:0.6s;}@keyframes dotPulse{0%, 100%{background:transparent;}50%{background:var(--neon-cyan);}}.menu-toggle{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px;transition:transform 0.3s;}.menu-toggle:hover{transform:scale(1.1);}.menu-toggle span{width:25px;height:2px;background:var(--neon-cyan);box-shadow:none;transition:all 0.3s;} .logo-theme{width:180px;height:auto;margin-bottom:25px;}.logo-clair{display:block;}.logo-sombre{display:none;}[data-theme="dark"] .logo-clair{display:none;}[data-theme="dark"] .logo-sombre{display:block;} .content-area{flex:1;width:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 80px;position:relative;z-index:10;background:var(--content-bg);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0;}.main-title{font-family:'Orbitron', sans-serif;font-size:clamp(2.5rem, 8vw, 5rem);font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--neon-cyan);text-shadow:var(--title-shadow);margin-bottom:10px;transition:color 0.3s ease;min-height:1.2em;line-height:1.2;}@keyframes titleGlow{0%, 100%{text-shadow:var(--neon-glow-strong);}50%{text-shadow:0 0 20px var(--neon-cyan), 0 0 40px var(--neon-cyan), 0 0 60px var(--neon-cyan);}}.subtitle{font-family:'Orbitron', sans-serif;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:600;color:var(--neon-cyan);text-shadow:var(--neon-glow);margin-bottom:20px;letter-spacing:0.2em;transition:color 0.3s ease;}.tagline{font-size:1.2rem;color:var(--text-muted);margin-bottom:30px;max-width:600px;transition:color 0.3s ease;text-shadow:var(--title-shadow);font-weight:600;}.phone-btn{display:inline-flex;align-items:center;gap:15px;padding:15px 40px;height:58px;width:280px;justify-content:center;background:linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(0, 128, 255, 0.2));border:2px solid var(--neon-cyan);border-radius:50px;color:var(--phone-btn-text);font-family:'Orbitron', sans-serif;font-size:1.3rem;font-weight:600;text-decoration:none;box-shadow:none;transition:all 0.3s ease;white-space:nowrap;}.phone-btn:hover{background:linear-gradient(135deg, rgba(0, 240, 255, 0.4), rgba(0, 128, 255, 0.4));transform:scale(1.05);box-shadow:0 0 10px rgba(0,240,255,0.3);}.phone-btn:active{transform:scale(0.95);box-shadow:none;}@keyframes phonePulse{0%, 100%{box-shadow:none;}50%{box-shadow:0 0 10px rgba(0,240,255,0.3);}}.phone-btn svg{width:24px;height:24px;stroke:var(--neon-cyan);fill:none;stroke-width:2;filter:drop-shadow(0 0 5px var(--neon-cyan));} .nav-bottom{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:30px;position:relative;z-index:10;}.nav-btn{padding:16px 38px;background:var(--nav-btn-bg);border:2px solid var(--neon-cyan);border-radius:25px;color:var(--nav-btn-text);font-family:'Rajdhani', sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;box-shadow:none;transition:all 0.3s ease;cursor:pointer;outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.nav-btn:hover{background:var(--nav-btn-hover);box-shadow:0 0 10px rgba(0,240,255,0.3);transform:translateY(-3px);}.nav-btn:active{transform:translateY(0) scale(0.95);}.nav-btn:active{transform:translateY(0);} section{padding:80px 5%;position:relative;transition:background 0.3s ease;}.section-title{font-family:'Orbitron', sans-serif;font-size:clamp(2.5rem, 6vw, 4rem);text-align:center;color:var(--neon-cyan);text-shadow:var(--neon-glow);margin-bottom:60px;text-transform:uppercase;letter-spacing:0.1em;transition:color 0.3s ease;} #services{background:transparent;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;max-width:1520px;margin:0 auto;}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;padding:40px 30px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;}.service-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.1), transparent);transition:left 0.5s ease;}.service-card:hover::before{left:100%;}.service-card:hover{border-color:var(--neon-cyan);box-shadow:none;transform:translateY(-10px);}.service-icon{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--neon-cyan);border-radius:50%;box-shadow:none;transition:all 0.3s ease;}.service-icon svg{width:35px;height:35px;stroke:var(--neon-cyan);fill:none;stroke-width:2;filter:drop-shadow(0 0 5px var(--neon-cyan));}.service-card h3{font-family:'Orbitron', sans-serif;font-size:1.3rem;color:var(--neon-cyan);margin-bottom:15px;text-shadow:0 0 10px rgba(0, 240, 255, 0.5);transition:color 0.3s ease;}.service-card p{color:var(--text-muted);line-height:1.6;transition:color 0.3s ease;} #gallery{background:transparent;}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;max-width:1520px;margin:0 auto;}.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:15px;border:1px solid var(--card-border);cursor:pointer;transition:all 0.4s ease;}.gallery-item::before{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 20, 40, 0.8) 0%, transparent 50%);opacity:0;transition:opacity 0.4s ease;z-index:1;}.gallery-item:hover::before{opacity:1;}.gallery-item:hover{border-color:var(--neon-cyan);box-shadow:none;transform:translateY(-5px);}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.gallery-item:hover img{transform:scale(1.1);}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2;opacity:0;transform:translateY(20px);transition:all 0.4s ease;}.gallery-item:hover .gallery-item-overlay{opacity:1;transform:translateY(0);}.gallery-item-overlay span{display:inline-flex;align-items:center;gap:8px;color:var(--neon-cyan);font-family:'Orbitron', sans-serif;font-size:0.9rem;text-shadow:var(--neon-glow);}.gallery-item-overlay svg{width:20px;height:20px;stroke:var(--neon-cyan);fill:none;stroke-width:2;} .lightbox{position:fixed;inset:0;background:var(--lightbox-bg);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.4s ease;}.lightbox.active{opacity:1;visibility:visible;}.lightbox-content{position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center;}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:10px;border:2px solid var(--neon-cyan);box-shadow:0 0 10px rgba(0,240,255,0.3);}.lightbox-close{position:absolute;top:-60px;right:0;width:50px;height:50px;background:var(--card-bg);border:2px solid var(--neon-cyan);border-radius:50%;color:var(--neon-cyan);font-size:28px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow:none;padding:0;padding-bottom:3px;}.lightbox-close:hover{background:rgba(0, 136, 204, 0.2);transform:scale(1.1);}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--card-bg);border:2px solid var(--neon-cyan);border-radius:50%;color:var(--neon-cyan);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow:none;}.lightbox-nav:hover{background:rgba(0, 136, 204, 0.2);}.lightbox-prev{left:-70px;}.lightbox-next{right:-70px;}.lightbox-counter{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);color:var(--neon-cyan);font-family:'Orbitron', sans-serif;font-size:1rem;text-shadow:var(--neon-glow);} #about{background:transparent;}.about-content{max-width:1520px;margin:0 auto;text-align:center;}.about-text{font-size:1.2rem;line-height:1.8;color:var(--text-muted);margin-bottom:40px;transition:color 0.3s ease;}.about-text strong{color:var(--neon-cyan);}.features-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.feature-item{display:flex;align-items:center;gap:10px;padding:15px 25px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:30px;transition:all 0.3s ease;}.feature-item:hover{border-color:var(--neon-cyan);box-shadow:none;}.feature-item svg{width:20px;height:20px;stroke:var(--neon-cyan);fill:none;stroke-width:2;}.feature-item span{color:var(--text-color);font-weight:500;transition:color 0.3s ease;} #zone{background:transparent;}.zone-content{max-width:1520px;margin:0 auto;text-align:center;}.zone-badge{display:inline-flex;align-items:center;gap:15px;padding:20px 40px;background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(0, 128, 255, 0.1));border:2px solid var(--neon-cyan);border-radius:15px;box-shadow:none;margin-bottom:40px;transition:all 0.3s ease;}.zone-badge svg{width:40px;height:40px;stroke:var(--neon-cyan);fill:none;stroke-width:2;}.zone-badge-text h3{font-family:'Orbitron', sans-serif;font-size:1.5rem;color:var(--neon-cyan);text-shadow:var(--neon-glow);transition:color 0.3s ease;}.zone-badge-text p{color:var(--text-muted);transition:color 0.3s ease;}.zone-description{font-size:1.1rem;color:var(--text-muted);line-height:1.8;transition:color 0.3s ease;}.zone-description strong{color:var(--neon-cyan);} #contact{background:transparent;}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;max-width:1520px;margin:0 auto;}.contact-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;padding:30px;text-align:center;transition:all 0.3s ease;}.contact-card:hover{transform:translateY(-5px);box-shadow:none;}.contact-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;}.contact-icon svg{width:40px;height:40px;stroke:var(--neon-cyan);fill:none;stroke-width:2;}.contact-card h3{font-family:'Orbitron', sans-serif;color:var(--neon-cyan);margin-bottom:10px;font-size:1.1rem;}.contact-card p, .contact-card a{color:var(--text-color);text-decoration:none;font-size:1.1rem;line-height:1.6;}.contact-card a:hover{color:var(--neon-cyan);}.contact-container{max-width:600px;margin:0 auto;}.contact-info{display:flex;flex-direction:column;gap:30px;}.contact-item{display:flex;align-items:center;gap:20px;padding:25px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:all 0.3s ease;}.contact-item:hover{border-color:var(--neon-cyan);box-shadow:none;}.contact-item svg{width:30px;height:30px;stroke:var(--neon-cyan);fill:none;stroke-width:2;flex-shrink:0;}.contact-item-text h4{font-family:'Orbitron', sans-serif;color:var(--neon-cyan);margin-bottom:5px;transition:color 0.3s ease;}.contact-item-text p, .contact-item-text a{color:var(--text-color);text-decoration:none;font-size:1.1rem;transition:color 0.3s ease;}.contact-item-text a:hover{color:var(--neon-cyan);}.contact-note{text-align:center;color:var(--text-muted);font-size:1.1rem;margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto;padding:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:all 0.3s ease;} footer{background:transparent;border-top:1px solid var(--card-border);padding:40px 5%;text-align:center;transition:all 0.3s ease;}.footer-name{font-family:'Orbitron', sans-serif;font-size:1.5rem;color:var(--neon-cyan);text-shadow:var(--neon-glow);margin-bottom:10px;transition:color 0.3s ease;}.footer-info{color:var(--text-muted);margin-bottom:20px;transition:color 0.3s ease;}.footer-legal{font-size:0.9rem;color:var(--text-color);opacity:0.85;} .mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:var(--bg-section);border-left:2px solid var(--neon-cyan);box-shadow:-10px 0 30px rgba(0, 240, 255, 0.2);z-index:1000;padding:80px 40px;transition:right 0.4s ease;}.mobile-menu.active{right:0;}.mobile-menu-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:1px solid var(--neon-cyan);border-radius:50%;color:var(--neon-cyan);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}.mobile-menu-close:hover{background:rgba(0, 240, 255, 0.2);box-shadow:none;}.mobile-menu-links{display:flex;flex-direction:column;gap:30px;}.mobile-menu-links a{font-family:'Orbitron', sans-serif;font-size:1.3rem;color:var(--text-color);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--card-border);transition:all 0.3s;}.mobile-menu-links a:hover{color:var(--neon-cyan);padding-left:10px;border-color:var(--neon-cyan);}.mobile-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.4s;}.mobile-overlay.active{opacity:1;visibility:visible;} .theme-toggle{position:fixed;bottom:30px;right:30px;width:55px;height:55px;border-radius:50%;background:var(--card-bg);border:2px solid var(--neon-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;z-index:1000;transition:all 0.3s ease;}.theme-toggle:hover{background:rgba(0, 136, 204, 0.2);transform:scale(1.1);box-shadow:0 0 10px rgba(0,240,255,0.3);} .back-to-top{position:fixed;bottom:100px;right:30px;width:55px;height:55px;border-radius:50%;background:var(--card-bg);border:2px solid var(--neon-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;z-index:1000;transition:all 0.3s ease;opacity:0;visibility:hidden;}.back-to-top.visible{opacity:1;visibility:visible;}.back-to-top:hover{background:rgba(0, 136, 204, 0.2);transform:scale(1.1);box-shadow:0 0 10px rgba(0,240,255,0.3);}.back-to-top svg{width:26px;height:26px;stroke:var(--neon-cyan);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}.theme-toggle svg{width:26px;height:26px;stroke:var(--neon-cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .theme-toggle .icon-sun{display:none;}.theme-toggle .icon-moon{display:block;} [data-theme="dark"] .theme-toggle .icon-moon{display:none;}[data-theme="dark"] .theme-toggle .icon-sun{display:block;} @media (max-width:768px){.hero{background-attachment:scroll;}.hero-container{padding:15px;min-height:auto;}.content-area{padding:20px 10px;margin:10px 5px;}.logo-theme{width:80px;}.main-title{font-size:clamp(1.5rem, 9vw, 2rem);white-space:nowrap;min-height:1.2em;}.subtitle{font-size:clamp(0.9rem, 4.5vw, 1.3rem);letter-spacing:0.1em;}.tagline{font-size:0.85rem;}.nav-bottom{gap:10px;}.nav-btn{padding:10px 20px;font-size:0.9rem;}.phone-btn{padding:12px 25px;font-size:1.1rem;white-space:nowrap;height:50px;width:220px;}section{padding:60px 5%;}.lightbox-nav{width:40px;height:40px;font-size:1.2rem;}.lightbox-prev{left:10px;}.lightbox-next{right:10px;}.lightbox-content{max-width:95%;}.lightbox-content img{max-height:75vh;}.lightbox-close{top:-50px;right:-5px;width:40px;height:40px;}.gallery-grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:10px;}.theme-toggle{bottom:20px;right:20px;width:50px;height:50px;}.back-to-top{bottom:85px;right:20px;width:50px;height:50px;}} .fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease;}.fade-in.visible{opacity:1;transform:translateY(0);} @media (max-width:900px) and (orientation:landscape){.lightbox-content{max-width:98%;max-height:98vh;}.lightbox-content img{max-height:90vh;max-width:95vw;}.lightbox-close{top:10px;right:10px;position:fixed;}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);}.lightbox-prev{left:10px;}.lightbox-next{right:10px;}.lightbox-counter{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);}}