@font-face{font-family:'Inter';src:url('../fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}:root{--color-primary:#007AFF;--primary-color:#2C3E50;--secondary-color:#3498DB;--accent-color:#E74C3C;--text-color:#333333;--light-text:#FFFFFF;--background-color:#FFFFFF;--light-gray:#F5F5F5;--border-color:#E0E0E0;--font-main:'Inter', sans-serif;--font-heading:'Inter', sans-serif;--container-width:1200px;--header-height:80px;--footer-height:300px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.1);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--text-color);line-height:1.6;background-color:var(--background-color)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}h1, h2, h3, h4, h5, h6{font-family:'Inter', sans-serif;margin-bottom:var(--spacing-md);color:var(--primary-color)}h1{font-size:2.5rem;font-weight:bold}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--secondary-color);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--accent-color)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:600;text-align:center;cursor:pointer;transition:all 0.3s ease;border:none}.btn-primary{background-color:var(--primary-color);color:var(--light-text)}.btn-primary:hover{background-color:var(--secondary-color);color:var(--light-text)}.btn-secondary{background-color:var(--secondary-color);color:var(--light-text)}.btn-secondary:hover{background-color:var(--primary-color)}.grid{display:grid;gap:var(--spacing-md)}.text-center{text-align:center}@media (max-width:1200px){:root{--container-width:960px}}@media (max-width:992px){:root{--container-width:720px}}@media (max-width:768px){:root{--container-width:540px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width:576px){:root{--container-width:100%}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--primary-color);border:none;border-radius:50%;color:white;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity 0.3s, transform 0.3s;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}.scroll-to-top.visible{opacity:1;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--primary-color-dark)}.scroll-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px;width:40px;height:40px}.scroll-to-top svg{width:20px;height:20px}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--background-color);box-shadow:var(--shadow-sm);z-index:1000;transition:transform 0.3s ease}.header.header-hidden{transform:translateY(-100%)}.main-nav{height:var(--header-height);display:flex;align-items:center;justify-content:space-between}@media (max-width:768px){.main-nav{height:65px}}.logo{display:block;height:50px}.logo img{height:100%;width:auto}.nav-list{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-list a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color 0.3s ease;position:relative;padding-bottom:5px}.nav-list a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}.nav-list a:hover::after, .nav-list a.active::after{width:100%}.nav-list a:hover, .nav-list a.active{color:var(--primary-color)}.mobile-menu-btn{display:none;width:30px;height:30px;background:none;border:none;padding:0;cursor:pointer;position:relative;z-index:1001}.mobile-menu-btn span, .mobile-menu-btn span::before, .mobile-menu-btn span::after{display:block;width:100%;height:2px;background-color:var(--text-color);transition:all 0.3s ease;position:absolute}.mobile-menu-btn span{top:50%;transform:translateY(-50%)}.mobile-menu-btn span::before, .mobile-menu-btn span::after{content:'';left:0}.mobile-menu-btn span::before{top:-8px}.mobile-menu-btn span::after{bottom:-8px}.mobile-menu-btn.active span{background-color:transparent}.mobile-menu-btn.active span::before{top:0;transform:rotate(45deg)}.mobile-menu-btn.active span::after{bottom:0;transform:rotate(-45deg)}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-list{position:fixed;top:65px;left:0;width:100%;height:calc(100vh - 65px);background-color:var(--background-color);flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-xl) 0;transform:translateX(100%);transition:transform 0.3s ease;gap:var(--spacing-xl)}.nav-list.active{transform:translateX(0)}.header.menu-open{background-color:var(--background-color);box-shadow:var(--shadow-md)}.nav-list a{font-size:1.2rem;padding:var(--spacing-sm) var(--spacing-lg)}.header-social{display:none}}.header-social{margin-left:var(--spacing-lg)}.header-social .social-links{display:flex;gap:var(--spacing-sm)}.header-social .social-link{display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:0.8;transition:all 0.3s ease;padding:6px;border-radius:50%;background:transparent}.header-social .social-link:hover{opacity:1;color:var(--primary-color);transform:translateY(-2px)}.header-social .social-icon{width:20px;height:20px;fill:currentColor}.footer{background-color:var(--primary-color);color:var(--light-text);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-info img{margin-bottom:var(--spacing-md)}.footer-info img.footer-logo{margin-bottom:var(--spacing-md);filter:brightness(0) invert(1)}.footer-info p{opacity:0.8;max-width:300px}.footer h3{color:var(--light-text);margin-bottom:var(--spacing-lg);font-size:1.2rem}.footer-contacts ul, .footer-nav ul{list-style:none;padding:0}.footer-contacts li, .footer-nav li{margin-bottom:var(--spacing-sm)}.footer-contacts a, .footer-nav a{color:var(--light-text);opacity:0.8;transition:opacity 0.3s ease}.footer-contacts a:hover, .footer-nav a:hover{opacity:1;color:var(--light-text)}.footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.1);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{opacity:0.6;margin:0}.social-links{list-style:none;padding:0;display:flex;justify-content:flex-start;flex-direction:row;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;color:var(--light-text);opacity:0.8;transition:all 0.3s ease;text-decoration:none;padding:8px;border-radius:50%;background:rgba(255, 255, 255, 0.1)}.social-link:hover{opacity:1;color:var(--light-text);transform:translateY(-3px);background:rgba(255, 255, 255, 0.2)}.social-icon{width:28px;height:28px;fill:currentColor}.social-link span{font-size:1rem}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2, 1fr)}.footer-info{grid-column:1 / -1;text-align:center}.footer-info p{max-width:100%}.footer-social{display:flex;flex-direction:column;align-items:flex-start}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-contacts, .footer-nav{margin-top:var(--spacing-lg)}.footer-social{align-items:center}.social-links{justify-content:center}}.service-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--light-gray);color:var(--primary-color);transition:all 0.3s ease;border:2px solid transparent}.service-card:hover .service-icon{background-color:white;color:var(--primary-color);transform:scale(1.1);border:2px solid var(--primary-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.icon-industrial::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8h1a4 4 0 0 1 0 8h-1'/%3E%3Cpath d='M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z'/%3E%3Cline x1='6' y1='1' x2='6' y2='4'/%3E%3Cline x1='10' y1='1' x2='10' y2='4'/%3E%3Cline x1='14' y1='1' x2='14' y2='4'/%3E%3Cpath d='M6 12h.01M10 12h.01M14 12h.01'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.icon-energy::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.icon-lightning::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.icon-settings::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.icon-shield::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M8 11l3 3 5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.icon-project::before{content:'';display:block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width:768px){.service-icon{width:60px;height:60px}[class^="icon-"]::before{width:30px;height:30px}}[class^="icon-"]::before{content:'';display:block;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform 0.3s ease}.service-card:hover [class^="icon-"]::before{transform:scale(1.1)}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-bolt:before{content:"\f0e7"}.fa-search:before{content:"\f002"}.fa-sun:before{content:"\f185"}.fa-plug:before{content:"\f1e6"}.fa-home:before{content:"\f015"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tree:before{content:"\f1bb"}.fa-charging-station:before{content:"\f5e7"}.fa-network-wired:before{content:"\f6ff"}.fa-shield-alt:before{content:"\f3ed"}.fa-fan:before{content:"\f863"}.fa-smoke:before{content:"\f760"}.fa-lightbulb:before{content:"\f0eb"}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;src:url('./../fonts/fa-solid-900.woff2') format('woff2')}.fas{font-family:'Font Awesome 6 Free';font-weight:900}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #000B1C 0%, #001F4D 100%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease, visibility 0.5s ease}.preloader.hidden{opacity:0;visibility:hidden}.preloader-content{text-align:center}.preloader-wrapper{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.preloader-spinner{position:absolute;width:100%;height:100%;border:3px solid rgba(255, 255, 255, 0.1);border-radius:50%;border-top-color:#5786AB;animation:spin 1s linear infinite}.preloader-icon{position:relative;z-index:1;color:#5786AB;animation:pulse 1.5s ease-in-out infinite}.preloader-text{color:#ffffff;font-size:1.2rem;font-weight:500;opacity:0.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:0.8}}.hero, .services, .projects-section, .about-preview, .contact-section{position:relative;overflow:hidden;transition:background-color 0.3s ease}.services h2, .projects-section h2, .about-preview h2, .contact-section h2{font-size:2.5rem;line-height:1.2;margin-bottom:2rem;font-weight:700;background:linear-gradient(135deg, #022640 0%, #5786AB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;position:relative}.services h2::after, .projects-section h2::after, .about-preview h2::after, .contact-section h2::after{content:'';position:absolute;bottom:-10px;left:0;transform:none;width:100px;height:4px;background:linear-gradient(90deg, #5786AB, transparent)}.hero{min-height:100vh;color:#ffffff;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 5%;background:linear-gradient(135deg, rgba(0, 11, 28, 0.85) 0%, rgba(0, 31, 77, 0.85) 100%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%, rgba(0, 122, 255, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(0, 255, 255, 0.15) 0%, transparent 50%);z-index:0}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('./../images/hero-bg.webp');background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0.5;z-index:-1}@supports not (background-image:url('./../images/hero-bg.webp')){.hero::after{background-image:url('./../images/hero-bg.jpg')}}.hero-content{max-width:800px;position:relative;z-index:1;margin:0;padding:0}.hero-content h1{font-size:4.5rem;line-height:1.2;margin-bottom:2rem;font-weight:600;background:linear-gradient(135deg, #ffffff 0%, var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;position:relative;opacity:0;animation:fadeInDown 1s ease forwards}.hero h1::after{content:'';position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:linear-gradient(90deg, var(--color-primary), transparent)}.hero-text{font-size:1.3rem;margin-bottom:2rem;max-width:600px;line-height:1.8;color:rgba(255, 255, 255, 0.8);text-shadow:none;opacity:0;animation:fadeInDown 1s ease forwards 0.3s}.hero-buttons{display:flex;gap:1.5rem;justify-content:flex-start;align-items:center;opacity:0;animation:fadeInDown 1s ease forwards 0.6s}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-light)}.hero .btn{font-size:1rem;padding:0.8rem 2rem;border-radius:50px;background:linear-gradient(135deg, var(--color-primary) 0%, #00C2FF 100%);border:none;color:white;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:transform 0.3s ease}.hero .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:0.5s}.hero .btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0, 122, 255, 0.3)}.hero .btn:hover::before{left:100%}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-element{position:absolute;width:20px;height:35px;background:none;clip-path:polygon(50% 0%, 65% 45%, 100% 45%, 50% 100%, 35% 55%, 0% 55%);background:linear-gradient(135deg, rgba(2, 38, 64, 0.6) 0%, rgba(87, 134, 171, 0.3) 100%);filter:drop-shadow(0 0 8px rgba(0, 122, 255, 0.3));animation:float 20s linear infinite}.floating-element:nth-child(1){top:15%;left:10%;animation-delay:0s;transform:scale(0.6) rotate(15deg)}.floating-element:nth-child(2){top:65%;left:15%;animation-delay:2s;transform:scale(1) rotate(-25deg)}.floating-element:nth-child(3){top:35%;left:85%;animation-delay:4s;transform:scale(0.8) rotate(45deg)}.floating-element:nth-child(4){top:75%;left:65%;animation-delay:6s;transform:scale(0.7) rotate(-15deg)}@keyframes float{0%{transform:translate(0, 0) rotate(0deg) scale(var(--scale, 1));opacity:0.4}25%{opacity:0.8;transform:translate(50px, 25px) rotate(90deg) scale(var(--scale, 1))}50%{transform:translate(100px, 50px) rotate(180deg) scale(var(--scale, 1));opacity:0.4}75%{opacity:0.8;transform:translate(50px, 25px) rotate(270deg) scale(var(--scale, 1))}100%{transform:translate(0, 0) rotate(360deg) scale(var(--scale, 1));opacity:0.4}}@media (max-width:768px){.hero{padding:120px 5% 80px;text-align:center;align-items:center}.hero-content h1{font-size:2.5rem;line-height:1.3;margin-bottom:2.5rem}.hero h1::after{left:50%;transform:translateX(-50%)}.hero-text{font-size:1.1rem;text-align:center}.hero-buttons{justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.hero h1{font-size:2rem;line-height:1.4;margin-bottom:2rem}.hero-text{font-size:1rem}.hero .btn{padding:0.8rem 2rem;font-size:0.9rem}.hero-buttons{gap:1rem}}.services{padding:120px 0;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);position:relative}.services::before{content:'';position:absolute;top:-100px;left:0;width:100%;height:100px;background:linear-gradient(to bottom right, transparent 49%, #ffffff 50%)}.services .container{display:flex;flex-direction:column;align-items:center}.services-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-top:var(--spacing-xl);transition:height 0.5s ease}.service-card{background:white;padding:var(--spacing-lg);border-radius:20px;box-shadow:var(--shadow-sm);transition:all 0.3s ease;opacity:1;overflow:hidden;transform:translateY(0);border:1px solid rgba(0, 122, 255, 0.1);position:relative;will-change:transform;cursor:pointer !important}.service-card.hidden{display:none}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0, 122, 255, 0.1) 0%, transparent 100%);opacity:0;transition:opacity 0.4s ease}.service-card:hover{transform:translateY(-10px) !important;box-shadow:0 20px 40px rgba(0, 122, 255, 0.1);border-color:rgba(0, 122, 255, 0.3);cursor:pointer !important}.service-card:hover::before{opacity:1}.service-card:hover .service-icon{transform:scale(1.1)}.service-card:hover .service-list li:hover{transform:translateX(10px)}.service-icon{width:80px;height:80px;background:#ffffff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;position:relative;transition:transform 0.3s ease;box-shadow:0 10px 20px rgba(0, 122, 255, 0.1)}.service-card:hover .service-icon{transform:scale(1.1)}.service-icon i{font-size:2.5rem;background:linear-gradient(135deg, #022640 0%, #5786AB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2C3E50;position:relative;padding-bottom:1rem;line-height:1.3}.service-card h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg, #5786AB, transparent);transition:width 0.3s ease}.service-card:hover h3::after{width:60px}.service-card p{color:#6c757d;margin-bottom:1.5rem;line-height:1.8;flex-grow:1}.service-list{list-style:none;padding:0;margin:1.5rem 0 0}.service-list li{position:relative;padding-left:2rem;margin-bottom:0.8rem;color:#495057;transition:transform 0.3s ease;line-height:1.6}.service-list li::before{content:"→";position:absolute;left:0;color:#5786AB}.products{padding:var(--spacing-xl) 0}.products h2{text-align:center;margin-bottom:var(--spacing-xl)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-lg)}.product-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.product-image{width:100%;height:200px;object-fit:cover}.product-info{padding:var(--spacing-md)}.product-info h3{margin-bottom:var(--spacing-xs)}.product-info p{color:var(--text-color);opacity:0.8;margin-bottom:var(--spacing-sm)}.about-preview{padding:120px 0;text-align:center;background:linear-gradient(135deg, #000B1C 0%, #001F4D 100%);color:#ffffff;position:relative}.about-preview::before{content:'';position:absolute;top:-100px;left:0;width:100%;height:100px;background:linear-gradient(to bottom right, transparent 49%, #000B1C 50%)}.about-preview h2{font-size:2.5rem;margin-bottom:2rem;position:relative;display:inline-block;background:linear-gradient(135deg, #ffffff 0%, var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-preview h2::after{content:'';position:absolute;bottom:-15px;left:0;transform:none;width:80px;height:4px;background:linear-gradient(90deg, #5786AB, transparent)}.about-preview p{max-width:800px;margin:0 auto 4rem;color:rgba(255, 255, 255, 0.8);line-height:1.8;font-size:1.2rem}.about-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:3rem;margin-top:4rem}.feature{background:rgba(255, 255, 255, 0.05);border-radius:20px;padding:2.5rem;transition:transform 0.3s ease;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px)}.feature:hover{transform:translateY(-10px)}.feature i{font-size:3rem;color:#5786AB;margin-bottom:1.5rem;display:inline-block}.feature h3{font-size:1.5rem;margin-bottom:1rem;color:#ffffff}.feature p{color:rgba(255, 255, 255, 0.7);margin:0;font-size:1rem}.contact-section{padding:120px 0;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);position:relative}.contact-section::before{content:'';position:absolute;top:-100px;left:0;width:100%;height:100px;background:linear-gradient(to bottom right, transparent 49%, #f8f9fa 50%)}.contact-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem;align-items:start}.contact-details h2, .contact-form-container h2{font-size:2rem;margin-bottom:3rem;color:#2C3E50;position:relative}.contact-details h2::after, .contact-form-container h2::after{display:none}.contact-item{display:flex;align-items:flex-start;margin-bottom:2.5rem;padding:1.5rem;background:#ffffff;border-radius:15px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);transition:transform 0.3s ease}.contact-item:hover{transform:translateY(-5px)}.contact-item i{font-size:2rem;color:#5786AB;margin-right:1.5rem}.contact-item h3{font-size:1.2rem;margin-bottom:0.5rem;color:#2C3E50}.contact-item p, .contact-item a{color:#6c757d;text-decoration:none;transition:color 0.3s ease}.contact-item a:hover{color:#5786AB}.contact-form{background-color:#ffffff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);text-align:center}.contact-form .form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:0.5rem;color:#2C3E50;font-weight:500}.form-group input, .form-group textarea{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:10px;transition:all 0.3s ease;font-size:1rem}.form-group input:focus, .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0, 122, 255, 0.1);outline:none}.contact-form .btn{background:linear-gradient(135deg, #022640 0%, #5786AB 100%);color:#ffffff;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;width:auto;display:inline-block}.contact-form .btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0, 122, 255, 0.2);background:linear-gradient(135deg, #022640 0%, #5786AB 100%)}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.service-card{display:block}.show-more-btn{display:none}.about-features{grid-template-columns:1fr}.contact-form{padding:2rem}.service-card:nth-child(n+7){display:none}.services-grid.expanded .service-card{display:block;animation:fadeInUp 0.5s ease forwards}}@media (max-width:480px){.service-card, .feature, .contact-item{padding:1.5rem}.contact-item i{font-size:1.5rem}}.show-more-btn{display:block;margin:var(--spacing-xl) auto 0;padding:1rem 2.5rem;background:linear-gradient(135deg, #022640 0%, #5786AB 100%);color:white;border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.show-more-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0, 122, 255, 0.2)}.service-card:nth-child(n+7){opacity:0;visibility:hidden;transform:translateY(20px);height:0;margin:0;padding:0;transition:opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease, height 0.5s ease, margin 0.5s ease, padding 0.5s ease}.services-grid.expanded .service-card{opacity:1;visibility:visible;transform:translateY(0);height:auto;margin:0;padding:var(--spacing-lg);transition:all 0.3s ease}.services-grid.expanded .service-card:nth-child(7){transition-delay:0.1s}.services-grid.expanded .service-card:nth-child(8){transition-delay:0.2s}.services-grid.expanded .service-card:nth-child(9){transition-delay:0.3s}.services-grid.expanded .service-card:nth-child(10){transition-delay:0.4s}.services-grid.expanded .service-card:nth-child(11){transition-delay:0.5s}.services-grid.expanded .service-card:nth-child(12){transition-delay:0.6s}.gallery-section{padding:80px 0;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%)}.gallery-section h2{text-align:center;margin-bottom:3rem;color:var(--color-primary);font-size:2.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;padding:0 1rem}.gallery-item{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1;cursor:pointer;transition:transform 0.3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(87, 134, 171, 0.8);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-icon{color:white;font-size:2rem;font-weight:300;transform:scale(0.8);transition:transform 0.3s ease}.gallery-item:hover .gallery-icon{transform:scale(1)}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-section h2{font-size:2rem;margin-bottom:2rem}}.fancybox__container{--fg1:#5786AB;--fg2:#ffffff;--bg1:rgba(87, 134, 171, 0.98);--bg2:rgba(87, 134, 171, 0.95)}.fancybox__toolbar{--fg1:#ffffff;--bg1:rgba(87, 134, 171, 0.98)}.fancybox__nav{--fg1:#ffffff;--bg1:rgba(87, 134, 171, 0.98)}.fancybox__thumbs{--fg1:#ffffff;--bg1:rgba(87, 134, 171, 0.98)}.service-gallery{margin-top:1rem;text-align:center;position:relative;z-index:2}.gallery-trigger{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 2rem;background:linear-gradient(135deg, var(--color-primary) 0%, #00C2FF 100%);color:white;border-radius:50px;text-decoration:none;font-weight:500;transition:all 0.3s ease;cursor:pointer;border:none;outline:none;position:relative;z-index:3;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;overflow:hidden}.gallery-trigger::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:0.5s}.gallery-trigger:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0, 122, 255, 0.3)}.gallery-trigger:hover::before{left:100%}.gallery-trigger i{font-size:1.1rem;transition:transform 0.3s ease}.gallery-trigger:hover i{transform:scale(1.1)}.service-card:hover .gallery-trigger{background:linear-gradient(135deg, #5786AB 0%, #022640 100%)}@media (max-width:768px){.gallery-trigger{padding:0.8rem 1.5rem;font-size:0.85rem}}@media (max-width:480px){.gallery-trigger{padding:0.7rem 1.2rem;font-size:0.8rem}}.projects-section{padding:120px 0;background:linear-gradient(135deg, #f5f7fa 0%, #e8f0f9 100%);color:#2C3E50;position:relative}.projects-section .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.projects-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2C3E50;position:relative;display:inline-block;width:auto}.projects-section h2::after{content:'';position:absolute;bottom:-15px;left:0;transform:none;width:80px;height:4px;background:linear-gradient(90deg, #5786AB, transparent)}.gallery-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;padding:0 1rem;width:100%;max-width:1200px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1;cursor:pointer;transition:transform 0.3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(87, 134, 171, 0.8);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-icon{color:white;font-size:2rem;font-weight:300;transform:scale(0.8);transition:transform 0.3s ease}.gallery-item:hover .gallery-icon{transform:scale(1)}.gallery-grid + div[style*="display:none"]{display:none !important}@media (max-width:992px){.gallery-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media (max-width:768px){.projects-section{padding:80px 0}.projects-section h2{font-size:2rem;margin-bottom:2rem}.gallery-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.projects-section h2{font-size:2rem;margin-bottom:2rem}}.footer{background:linear-gradient(135deg, #000B1C 0%, #001F4D 100%);color:#ffffff;position:relative;overflow:hidden;padding:80px 0 40px}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%, rgba(0, 122, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(0, 255, 255, 0.1) 0%, transparent 50%);z-index:0}.footer .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}.footer-column{display:flex;flex-direction:column}.footer-column:first-child{grid-column:1}.footer-nav-group{margin-bottom:2rem}.footer-nav-group h3{color:#ffffff;margin-bottom:1.2rem;font-size:1.5rem;position:relative;padding-bottom:0.5rem;display:inline-block}.footer-nav-group h3::after{content:'';position:absolute;bottom:0;left:0;transform:none;width:40px;height:3px;background:linear-gradient(90deg, #5786AB, transparent)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.8rem}.footer-links li{margin-bottom:0}.footer-links a{color:rgba(255, 255, 255, 0.8);text-decoration:none;transition:color 0.3s ease, transform 0.3s ease;display:inline-block;font-size:1rem;line-height:1.5;position:relative;padding-left:1.2rem}.footer-links a::before{content:'→';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#5786AB;font-size:0.9rem;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease}.footer-links a:hover{color:#5786AB;transform:translateX(5px)}.footer-links a:hover::before{opacity:1}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2, 1fr);gap:3rem}.footer-column:first-child{grid-column:1 / -1}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-column:first-child{grid-column:1}.footer{padding:60px 0 30px}.footer-nav-group, .footer-column{text-align:center}.footer-nav-group h3, .footer h3{text-align:center;width:auto;margin-left:auto;margin-right:auto}.footer-nav-group h3::after, .footer h3::after{left:50%;transform:translateX(-50%)}}.footer h3{color:#ffffff;margin-bottom:1.5rem;font-size:1.5rem;position:relative;padding-bottom:0.5rem;display:inline-block}.footer h3::after{content:'';position:absolute;bottom:0;left:0;transform:none;width:40px;height:3px;background:linear-gradient(90deg, #5786AB, transparent)}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.1);text-align:center;position:relative}.footer-bottom p{color:rgba(255, 255, 255, 0.6);font-size:0.9rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{width:40px;height:40px;border-radius:50%;background:rgba(255, 255, 255, 0.1);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.social-links a:hover{background:linear-gradient(135deg, #022640 0%, #5786AB 100%);transform:translateY(-3px)}.social-links i{color:#ffffff;font-size:1.2rem}.footer-logo{margin-bottom:1.5rem}.footer-logo img{height:40px;width:auto}.company-description{color:rgba(255, 255, 255, 0.8);line-height:1.6;margin-bottom:1.5rem}.contact-info{list-style:none;padding:0;margin:0}.contact-info li{display:flex;align-items:center;margin-bottom:1rem;color:rgba(255, 255, 255, 0.8)}.contact-info i{margin-right:10px;color:#5786AB}.footer-nav-group+.footer-nav-group{margin-top:2rem}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-info{padding:var(--spacing-xl) 0}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl)}.contact-details{background-color:var(--light-gray);padding:var(--spacing-xl);border-radius:var(--border-radius-md)}.contact-details h2{margin-bottom:var(--spacing-xl)}.contact-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-lg)}.contact-item i{font-size:1.5rem;color:var(--secondary-color);margin-right:var(--spacing-md);width:24px}.contact-item h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.contact-item p{margin:0;opacity:0.8}.contact-form-container{background-color:var(--background-color);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.contact-form-container h2{margin-bottom:var(--spacing-xl)}.contact-form .form-group{margin-bottom:var(--spacing-md)}.contact-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.contact-form input, .contact-form textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;transition:border-color 0.3s ease}.contact-form input:focus, .contact-form textarea:focus{outline:none;border-color:var(--secondary-color)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{width:auto;margin-top:var(--spacing-md);padding-left:2rem;padding-right:2rem;display:inline-block}.contact-form{text-align:center}.contact-form .form-group{text-align:left}.map-section{}.map-section h2{text-align:center;margin-bottom:var(--spacing-xl)}.map-container{}#map{}.notification{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);color:var(--light-text);z-index:1000;animation:slideIn 0.3s ease}.notification.success{background-color:#2ecc71}.notification.error{background-color:#e74c3c}.notification.fade-out{animation:fadeOut 0.3s ease forwards}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}.contact-details{order:2}.contact-form-container{order:1}}@media (max-width:768px){.contact-hero{padding-top:calc(var(--header-height) + var(--spacing-lg))}.contact-details, .contact-form-container{padding:var(--spacing-lg)}.map-container{height:300px}}@media (max-width:576px){.notification{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);text-align:center}}