*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#000;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:10px}.logo-animated{font-family:'Arial Black',sans-serif;font-weight:900;position:relative;animation:logoGlow 2s ease-in-out infinite alternate}.logo-image{height:80px;width:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 0 10px rgb(255 20 147 / .5));transition:filter 0.3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.logo-image:hover{filter:drop-shadow(0 0 20px rgb(255 20 147 / .8)) drop-shadow(0 0 30px rgb(0 255 255 / .5))}.logo-bys{background:linear-gradient(45deg,#ff1493,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;position:relative}.logo-electrical{color:cyan;font-size:.8em;margin-left:5px}.lightning-bolt{color:cyan;font-size:1.5em;animation:lightning 1.5s ease-in-out infinite;margin:0 5px}@keyframes logoGlow{0%{text-shadow:0 0 5px rgb(255 20 147 / .5)}100%{text-shadow:0 0 20px rgb(255 20 147 / .8),0 0 30px rgb(0 255 255 / .5)}}@keyframes lightning{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:#fff;text-decoration:none;transition:color 0.3s}.nav-links a:hover{color:#ff1493}.mobile-menu{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.hero{background:#000;color:#fff;padding:140px 0 80px;text-align:center}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:50px}.hero-text{flex:1}.hero h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(45deg,#ff1493,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.hero p{font-size:1.3rem;margin-bottom:30px}.hero-gif{flex:0 0 400px;text-align:center}.hero-gif-image{max-width:500px;width:100%;height:auto;border-radius:15px}.cta-button{background:linear-gradient(45deg,#ff1493,#00ffff);color:#fff;padding:15px 40px;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;display:inline-block;transition:transform 0.3s,box-shadow 0.3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgb(255 20 147 / .4)}.services{padding:80px 0;background:#f8f9fa}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1a1a1a}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.service-card{background:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.service-icon{font-size:3rem;margin-bottom:20px;background:linear-gradient(45deg,#ff1493,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.service-card h3{font-size:1.5rem;margin-bottom:15px;color:#1a1a1a}.service-card p{color:#666;line-height:1.6}.about{padding:80px 0;background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:30px;color:#1a1a1a}.about-text p{margin-bottom:20px;color:#666;font-size:1.1rem}.about-image{text-align:center}.about-logo{max-width:400px;width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);filter:drop-shadow(0 0 10px rgb(255 20 147 / .3))}.portfolio{padding:80px 0;background:#f8f9fa}.portfolio-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.portfolio-container{position:relative;overflow:hidden;width:100%}.portfolio-wrapper{display:flex;gap:20px;animation:infiniteScroll 500s linear infinite;width:fit-content}.portfolio-wrapper:hover{animation-play-state:paused}.portfolio-item{flex-shrink:0;width:300px;height:200px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.portfolio-item:hover .portfolio-image{transform:scale(1.05)}.portfolio-placeholder{color:#999;font-size:1rem;text-align:center;padding:20px}@keyframes infiniteScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.testimonials{padding:80px 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1a1a1a}.testimonials-container{position:relative;overflow:hidden}.testimonials-wrapper{display:flex;gap:30px;overflow-x:auto;scroll-behavior:smooth;padding:20px 0;scrollbar-width:thin;scrollbar-color:#ff1493 #f1f1f1}.testimonials-wrapper::-webkit-scrollbar{height:8px}.testimonials-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.testimonials-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff1493,#00ffff);border-radius:10px}.testimonials-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#e6127a,#00e6e6)}.testimonial-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);min-width:420px;max-width:420px;flex-shrink:0;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.testimonial-blue{background:linear-gradient(135deg,#e6f3ff 0%,#b3daff 100%);border:2px solid #00bfff}.testimonial-pink{background:linear-gradient(135deg,#ffe6f3 0%,#ffb3da 100%);border:2px solid hotpink}.testimonial-text{font-style:italic;margin-bottom:20px;color:#333;line-height:1.8;font-size:1rem;text-align:justify;hyphens:auto;word-wrap:break-word;flex-grow:1}.testimonial-author{font-weight:700;color:#1a1a1a;margin-top:auto}.stars{background:linear-gradient(45deg,#ff1493,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:15px}.contact{padding:80px 0;background:#000;color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info h2{font-size:2.5rem;margin-bottom:30px;background:linear-gradient(45deg,#ff1493,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.contact-info p{margin-bottom:20px;font-size:1.1rem}.contact-form{background:#2c2c2c;padding:40px;border-radius:15px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;background:linear-gradient(45deg,#ff1493,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ff1493;border-radius:5px;background:#1a1a1a;color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:cyan;box-shadow:0 0 10px rgb(0 255 255 / .3)}.form-group textarea{height:120px;resize:vertical}.submit-btn{background:linear-gradient(45deg,#ff1493,#00ffff);color:#fff;padding:12px 30px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:transform 0.3s}.submit-btn:hover{transform:translateY(-2px)}.social-links{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;text-decoration:none;transition:transform 0.3s,box-shadow 0.3s;color:#fff}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .3)}.social-link.facebook{background:#1877F2}.social-link.facebook:hover{background:#166FE5}.social-link.instagram{background:linear-gradient(45deg,#405DE6,#5851DB,#833AB4,#C13584,#E1306C,#FD1D1D,#F56040,#F77737,#FCAF45,#FFDC80)}.social-link.instagram:hover{background:linear-gradient(45deg,#405DE6,#E1306C,#FD1D1D,#F56040,#FCAF45)}.social-link.tiktok{background:#000}.social-link.tiktok:hover{background:#333}.social-link.whatsapp{background:#25D366}.social-link.whatsapp:hover{background:#20B954}.social-link.review{background:linear-gradient(45deg,#ff1493,#00ffff)}.social-link.review:hover{background:linear-gradient(45deg,#e6127a,#00e6e6)}.social-link svg{width:24px;height:24px}footer{background:#111;color:#fff;text-align:center;padding:30px 0}.nav-links.mobile-active{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#000;padding:20px;box-shadow:0 5px 15px rgb(0 0 0 / .3);gap:15px}.nav-links.mobile-active a{padding:10px 0;border-bottom:1px solid #333}@media (max-width:768px){.nav-links{display:none}.mobile-menu{display:block}.logo{font-size:1.5rem}.logo-image{height:60px}.logo-electrical{font-size:.7em}.hero{padding:120px 0 80px}.hero-content{flex-direction:column;gap:30px}.hero-gif{flex:none;order:-1}.hero-gif-image{max-width:250px}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.about-content{grid-template-columns:1fr}.about-logo{max-width:300px}.contact-content{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.testimonial-card{min-width:300px;max-width:300px}.section-title{font-size:2rem}}