:root{--primary-color: #007bff;--primary-color-dark: #0056b3;--dark-bg: #121a2c;--dark-card-bg: #1a253c;--text-light: rgba(255, 255, 255, .85);--heading-light: #ffffff;--white: #fff;--font-family: "Poppins", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--text-light);background-color:var(--dark-bg)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{line-height:1.2;margin-bottom:1rem;color:var(--heading-light)}h1{font-size:2.5rem}h2{font-size:2rem;text-align:center;margin-bottom:2rem}h3{font-size:1.5rem}a{text-decoration:none;color:var(--primary-color)}ul{list-style:none}img{max-width:100%;height:auto;display:block}section{padding:60px 0}.page-container{padding-top:120px;padding-bottom:60px;min-height:70vh}.page-content{background:var(--dark-card-bg);padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000000d}.page-content h1{margin-bottom:20px}.page-content h2{text-align:left;margin-top:30px}.page-content p,.page-content li{margin-bottom:15px;color:var(--text-light)}.page-content ul{list-style:disc;padding-left:20px}.page-content ol{list-style:decimal;padding-left:20px}.app-header{position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:1000;transition:background-color .4s ease,box-shadow .4s ease;box-shadow:none}.app-header.scrolled{background-color:var(--dark-card-bg);box-shadow:0 4px 15px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo svg{height:40px;width:auto;color:var(--white);transition:color .3s}.main-nav ul{display:flex;gap:25px}.main-nav a{color:var(--white);font-weight:500;padding:10px 5px;position:relative;transition:color .3s}.main-nav a:hover{color:var(--primary-color)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.main-nav a:hover:after{width:100%}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--dark-card-bg);box-shadow:0 8px 16px #0000001a;border-radius:4px;padding:10px 0;list-style:none;min-width:220px;display:flex;flex-direction:column}.dropdown-menu li a{padding:10px 20px;display:block;white-space:nowrap;color:var(--text-light)}.dropdown-menu li a:after{display:none}.dropdown-menu li a:hover{background-color:var(--dark-bg);color:var(--primary-color)}.header-actions .whatsapp-button{background-color:#25d366;color:var(--white);padding:10px 20px;border-radius:25px;display:flex;align-items:center;gap:8px;font-weight:600;transition:background-color .3s,transform .2s;border:1px solid transparent}.header-actions .whatsapp-button:hover{background-color:#128c7e;transform:translateY(-2px)}.header-actions .whatsapp-button svg{width:24px;height:24px}.hero{position:relative;height:100vh;overflow:hidden;color:var(--white);display:flex;align-items:center;justify-content:center}.hero .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:flex-start;padding:20px 5%}.hero .slide.active{opacity:1}.hero-content{position:relative;z-index:2;max-width:650px;padding:2.5rem;background:#121a2cb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;text-align:left}.hero-content h1{font-size:3.2rem;font-weight:700;text-shadow:none;position:relative;padding-left:25px;line-height:1.3;max-width:550px}.hero-content h1:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background-color:var(--primary-color);border-radius:3px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:background-color .3s}.dot.active,.dot:hover{background-color:var(--white)}.services{background-color:var(--dark-bg)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:var(--dark-card-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000014;position:relative;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #0000001f}.service-card img{width:100%;height:200px;object-fit:cover}.service-card-title{padding:20px;background-color:var(--primary-color);color:var(--white);text-align:center}.service-card-title h3{margin:0;font-size:1.25rem;color:var(--white)}.service-card-details{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#007bffe6;color:var(--white);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.service-card:hover .service-card-details{opacity:1}.service-card-details a{color:var(--white);font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.service-card-details span{font-size:2rem;transition:transform .3s}.service-card-details a:hover span{transform:translate(5px)}.about{background-color:var(--dark-card-bg)}.about-container{display:flex;align-items:center;gap:50px}.about-image{flex:1}.about-image img{border-radius:8px}.about-content{flex:1.2}.about-content h2{text-align:left}.about-content p{margin-bottom:1rem}.partners{background-color:var(--dark-bg)}.partners h2{color:var(--white)}.partners-grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.partner-logo img{height:60px;opacity:.7;transition:opacity .3s;filter:brightness(0) invert(1)}.partner-logo img:hover{opacity:1}.app-footer{background-color:var(--dark-card-bg);color:#fffc;padding:60px 0 0}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px}.footer-col .logo svg{color:var(--white);margin-bottom:20px}.footer-col h4{color:var(--white);margin-bottom:20px;font-size:1.1rem}.footer-col ul li{margin-bottom:10px}.footer-col ul a{color:#fffc;transition:color .3s,padding-left .3s}.footer-col ul a:hover{color:var(--white);padding-left:5px}.footer-socials{display:flex;gap:15px;margin-top:20px}.footer-socials a{color:var(--white);font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:background-color .3s,border-color .3s}.footer-socials a:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.footer-socials svg{width:20px;height:20px}.contact-info p{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.contact-info .icon{font-size:1.2rem;color:var(--primary-color)}.newsletter-form input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.3);background:#2c3a57;border-radius:4px;color:var(--white);margin-bottom:10px}.newsletter-form button{width:100%;padding:12px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.newsletter-form button:hover{background-color:var(--primary-color-dark)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:20px 0;text-align:center;font-size:.9rem}.footer-bottom a{color:#fffc}.footer-bottom a:hover{text-decoration:underline}.social-sidebar{position:fixed;top:50%;left:0;transform:translateY(-50%);background:var(--dark-card-bg);box-shadow:4px 0 15px #0000001a;border-radius:0 8px 8px 0;z-index:999}.social-icon{display:block;padding:15px;color:var(--text-light);transition:background-color .3s,color .3s}.social-icon:hover{background-color:var(--primary-color);color:var(--white)}.social-icon svg{width:24px;height:24px}.blog-index-list{list-style:none;padding:0}.blog-index-list li{margin-bottom:30px;border-bottom:1px solid #33415c;padding-bottom:20px}.blog-index-list a{font-size:1.5rem;font-weight:600;color:var(--heading-light);transition:color .3s}.blog-index-list a:hover{color:var(--primary-color)}.blog-index-list p{margin-top:10px;color:var(--text-light)}.product-category{margin-bottom:50px}.product-category h2{text-align:left;border-bottom:2px solid var(--primary-color);padding-bottom:10px;display:inline-block}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:20px}.product-card{background:var(--dark-card-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column}.product-card img{width:100%;height:200px;object-fit:cover}.product-card-content{padding:20px;flex-grow:1}.product-card-content h3{color:var(--heading-light)}.product-card-content p{font-size:.9rem;margin-top:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000014;position:relative;background:var(--dark-card-bg)}.project-card img{width:100%;height:250px;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.05)}.project-card-customer{position:absolute;top:15px;left:15px;background:#0009;color:var(--white);padding:5px 10px;border-radius:4px;font-size:.9rem}.project-card-customer h3{color:var(--white);margin:0;font-size:.9rem}.project-card-name{position:absolute;bottom:0;left:0;width:100%;background:var(--primary-color);color:var(--white);padding:15px;text-align:center;font-weight:600}.project-card-name p{margin:0}@media (max-width: 992px){.main-nav{display:none}.header-container{padding:0 15px}.logo{flex-shrink:0}.logo svg{height:35px;width:120px}.hero .slide{justify-content:center;padding:20px}.hero-content h1{font-size:2.5rem}.about-container{flex-direction:column}.social-sidebar{display:none}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}section{padding:40px 0}.page-container{padding-top:100px}.app-header{background-color:var(--dark-card-bg)}.app-header .logo svg,.app-header .main-nav a{color:var(--white)}.header-container{height:70px}.whatsapp-button span{display:inline-block;white-space:nowrap}.whatsapp-button{padding:8px 12px;font-size:.9rem}.whatsapp-button svg{width:20px;height:20px}.hero{margin-top:70px;height:60vh;display:block}.hero .slide{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0}.carousel-dots{bottom:100px;top:auto;z-index:5}.hero-content{width:100%;background:var(--primary-color);padding:20px;position:absolute;bottom:0;text-align:center;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-content h1{font-size:1.5rem;color:var(--white);margin:0;padding-left:0;max-width:100%}.hero-content h1:before{display:none}.services-grid,.products-grid,.projects-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;text-align:center}.footer-socials,.contact-info p{justify-content:center}}