:root{--primary:#313638;--accent:#F4B400;--secondary:#2A7DE1;--light:#f8f9fa;--dark:#1a1d20;--text:#555;--gray:#e9ecef;--success:#28a745;--error:#dc3545}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{color:var(--primary);line-height:1.6;background-color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;width:100%;top:0;backdrop-filter:blur(12px);background:rgba(255,255,255,.95);z-index:1000;border-bottom:1px solid rgba(49,54,56,.1);transition:all .3s ease}header.scrolled{box-shadow:0 5px 20px rgba(49,54,56,.1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 5%}.logo{font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-img{height:60px;max-width:200px;width:100%;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.menu{display:flex;gap:35px}.menu a{text-decoration:none;color:var(--primary);font-weight:600;font-size:15px;position:relative;transition:color .3s}.menu a::after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:3px;background:var(--accent);transition:.3s;border-radius:2px}.menu a:hover{color:var(--accent)}.menu a:hover::after{width:100%}.menu a.active{color:var(--accent)}.menu a.active::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px;z-index:1001}.hamburger span{height:3px;width:26px;background:var(--primary);margin:4px 0;transition:.3s;border-radius:3px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{height:100vh;display:flex;align-items:center;padding:0 5%;background:linear-gradient(rgba(48,53,54,.85),rgba(30,40,60,.9)),url("images/904eb2696a713541f28d38f3144e80a1.webp");background-size:cover;background-position:center;background-attachment:fixed;color:#fff;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(244,180,0,.1),transparent);z-index:1}.hero-content{max-width:700px;position:relative;z-index:2}.hero h1{font-size:56px;margin-bottom:20px;line-height:1.2;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero p{margin-bottom:35px;font-size:18px;color:rgba(255,255,255,.9);max-width:600px}.btn{padding:16px 36px;border:none;cursor:pointer;font-weight:600;font-size:16px;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 15px rgba(244,180,0,.3)}.btn-primary:hover{background:#e6a800;transform:translateY(-3px);box-shadow:0 8px 25px rgba(244,180,0,.4)}.btn-outline{border:2px solid #fff;background:0 0;color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}.btn-group{display:flex;gap:15px;flex-wrap:wrap}section{padding:100px 5%}.title{text-align:center;margin-bottom:70px}.title h2{font-size:42px;margin-bottom:15px;color:var(--primary);position:relative;display:inline-block}.title h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--accent);border-radius:2px}.title p{color:var(--text);font-size:18px;max-width:700px;margin:20px auto 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-img{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.1)}.about-img img{width:100%;height:auto;display:block;transition:transform .5s ease}.about-img:hover img{transform:scale(1.03)}.about-text h2{font-size:36px;margin-bottom:20px;color:var(--primary)}.about-text p{margin:20px 0;color:var(--text);font-size:17px}.about-features{margin-top:30px;display:flex;flex-direction:column;gap:15px}.feature-item{display:flex;align-items:center;gap:15px}.feature-item i{color:var(--accent);font-size:20px;background:rgba(244,180,0,.1);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.services{background:var(--light);position:relative}.services::before{content:"";position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,#fff,transparent)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:#fff;padding:40px 30px;border-radius:12px;transition:all .4s ease;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;border:1px solid rgba(49,54,56,.05);position:relative;overflow:hidden;z-index:1}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:-1}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.service-icon{width:80px;height:80px;margin:0 auto 25px;background:rgba(244,180,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.service-card:hover .service-icon{background:rgba(244,180,0,.2);transform:scale(1.1)}.service-icon svg{width:40px;height:40px;fill:var(--accent)}.service-card h3{margin:0 0 15px;font-size:22px;color:var(--primary)}.service-card p{color:var(--text);margin-bottom:20px}.service-link{color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s}.service-link:hover{gap:12px}.why-us{background:var(--primary);color:#fff;position:relative}.why-us .title h2{color:#fff}.why-us .title p{color:rgba(255,255,255,.8)}.why-us-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.why-card{text-align:center;padding:30px;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.why-card:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.why-card i{font-size:40px;color:var(--accent);margin-bottom:20px}#projects{background:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{position:relative;overflow:hidden;border-radius:12px;height:300px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:all .5s ease}.project:hover img{transform:scale(1.1)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;padding:25px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;transform:translateY(10px);opacity:0;transition:all .4s ease}.project:hover .project-overlay{transform:translateY(0);opacity:1}.project-overlay h4{font-size:20px;margin-bottom:5px}.project-overlay p{font-size:14px;opacity:.9}.metrics{background:var(--primary);color:#fff;padding:80px 5%;position:relative}.metrics::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("images/2b7d38e9ce4cb73a54e71d6b3e9897ec.webp");background-size:cover;background-position:center;opacity:.1}.metrics-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:1}.metric{text-align:center;padding:30px 20px;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.metric:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.metric h3{font-size:48px;color:var(--accent);margin-bottom:10px;font-weight:700}.metric p{font-size:18px;color:rgba(255,255,255,.9);font-weight:500}.testimonials{background:var(--light);position:relative}.testimonial-container{max-width:900px;margin:0 auto;position:relative;height:280px;overflow:hidden}.testimonial-slide{position:absolute;top:0;left:0;width:100%;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.08);text-align:center;opacity:0;transform:translateY(20px);transition:all .8s ease}.testimonial-slide.active{opacity:1;transform:translateY(0)}.testimonial-slide p{font-style:italic;font-size:18px;color:var(--text);margin-bottom:25px;line-height:1.7}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:15px}.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.author-info h4{color:var(--primary);font-size:18px}.author-info p{font-size:14px;color:var(--text);margin:0;font-style:normal}.contact{background:#fff}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h3{font-size:28px;margin-bottom:25px;color:var(--primary)}.contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.contact-item i{color:var(--accent);font-size:20px;margin-top:5px}.contact-item h4{margin-bottom:5px;color:var(--primary)}.contact-form{background:var(--light);padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--primary)}.form-control{width:100%;padding:14px 18px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s;background:#fff}.form-control:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,180,0,.1)}.captcha-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.captcha-img{flex:1;height:60px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:opacity .5s ease}.captcha-img img{max-width:100%;max-height:100%;transition:opacity .5s ease}.captcha-refresh{background:var(--primary);color:#fff;border:none;width:45px;height:45px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.captcha-refresh:hover{background:var(--accent);transform:rotate(90deg)}.form-message{margin-top:15px;padding:12px;border-radius:8px;text-align:center;font-weight:500;display:none}.form-message.success{background:rgba(40,167,69,.1);color:var(--success);border:1px solid rgba(40,167,69,.3);display:block}.form-message.error{background:rgba(220,53,69,.1);color:var(--error);border:1px solid rgba(220,53,69,.3);display:block}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:2000;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal.active{display:flex;opacity:1}.modal-content{background:#fff;width:90%;max-width:500px;border-radius:12px;padding:40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(-30px);transition:transform .4s ease}.modal.active .modal-content{transform:translateY(0)}.modal-icon{width:80px;height:80px;background:rgba(40,167,69,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.modal-icon i{color:var(--success);font-size:40px}.modal h3{font-size:28px;margin-bottom:15px;color:var(--primary)}.modal p{color:var(--text);margin-bottom:25px;line-height:1.6}.modal-close{background:var(--accent);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.modal-close:hover{background:#e6a800}footer{background:var(--dark);color:#fff;padding:70px 5% 30px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-bottom:50px}.footer-col h3{font-size:22px;margin-bottom:25px;color:#fff;position:relative;padding-bottom:10px}.footer-col h3::after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--accent)}.footer-logo{font-size:28px;font-weight:700;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:10px}.footer-logo i{color:var(--accent)}.footer-col p{color:rgba(255,255,255,.7);margin-bottom:20px;line-height:1.7}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:all .3s;display:flex;align-items:center;gap:10px}.footer-links a:hover{color:var(--accent);transform:translateX(5px)}.footer-contact li{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;color:rgba(255,255,255,.7)}.footer-contact i{color:var(--accent);margin-top:5px}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:rgba(255,255,255,.6);font-size:15px}.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-40px);transition:all .8s ease}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(40px);transition:all .8s ease}.reveal-right.active{opacity:1;transform:translateX(0)}@media (max-width:1200px){.metrics-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.footer-grid,.projects-grid,.services-grid,.why-us-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:48px}.contact-container{grid-template-columns:1fr;gap:40px}.metrics-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav{padding:15px 5%}.menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;background:#fff;padding:100px 30px 30px;transition:.5s;box-shadow:-5px 0 30px rgba(0,0,0,.1);z-index:999}.menu.active{right:0}.menu a{font-size:18px;padding:12px 0;border-bottom:1px solid #eee}.hamburger{display:flex}.hero{height:90vh;text-align:center;padding:0 5%}.hero h1{font-size:38px}.btn-group{justify-content:center}.about,.footer-grid,.metrics-container,.projects-grid,.services-grid,.why-us-grid{grid-template-columns:1fr}section{padding:70px 5%}.title h2{font-size:34px}.testimonial-container{height:350px}}@media (max-width:480px){.hero h1{font-size:32px}.btn{padding:14px 28px;width:100%}.btn-group{flex-direction:column}.metric h3{font-size:36px}.footer-grid{gap:30px}.logo-img{height:40px}}