:root{--primary: #0a2a45;--secondary: #ffb300;--accent: #2c5f8a;--light: #f8f9fa;--dark: #212529;--gray: #6c757d;--transition: all .5s cubic-bezier(.175, .885, .32, 1.275);--shadow: 0 10px 30px rgba(0, 0, 0, .15);--radius: 16px;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);--gradient-gold: linear-gradient(135deg, var(--secondary) 0%, #ffd54f 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{scroll-behavior:smooth}body{line-height:1.6;color:var(--dark);background-color:var(--light)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}section{padding:80px 0}h1,h2,h3,h4{margin-bottom:1rem;color:var(--primary)}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--secondary)}p{margin-bottom:1rem}.btn{display:inline-block;padding:12px 30px;background-color:var(--secondary);color:var(--primary);border:none;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition)}.btn:hover{background-color:var(--primary);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{display:flex;align-items:center}.logo h1{font-size:1.8rem;margin-bottom:0;color:var(--primary)}.logo span{color:var(--secondary)}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{text-decoration:none;color:var(--dark);font-weight:500;transition:var(--transition)}nav ul li a:hover{color:var(--secondary)}.mobile-menu{display:none;font-size:1.5rem;cursor:pointer}.banner{height:70vh;background:linear-gradient(#000000b3,#5a3c00b3),url(https://www.scor.com/sites/default/files/styles/img_page_header_desktop/public/2020-04/Mining%20LOB%20image.jpg?h=da4efae6&itok=eChtNjbV);background-size:cover;background-position:center;display:flex;align-items:center;text-align:center;color:#fff;margin-top:70px}.banner-content{max-width:800px;margin:0 auto}.banner h1{font-size:3.5rem;margin-bottom:1.5rem;color:#fff}.banner p{font-size:1.2rem;margin-bottom:2rem}.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.parallax:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0a2a45cc}.parallax-content{position:relative;z-index:2;color:#fff;text-align:center}.parallax-content h2{color:#fff}.parallax-content h2:after{background:var(--secondary)}.about{background-color:#fff}.about-content{display:flex;align-items:center;gap:50px}.about-text{flex:1}.about-image{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.about-image img{width:100%;height:auto;display:block;transition:var(--transition)}.about-image:hover img{transform:scale(1.05)}.services{background-color:#f8f9fa}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.service-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:var(--transition)}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.service-icon{background-color:var(--primary);color:#fff;font-size:2.5rem;padding:20px;text-align:center}.service-content{padding:25px}.service-content h3{color:var(--primary);margin-bottom:15px}.client-service{background-color:#fff}.client-service-content{display:flex;align-items:center;gap:50px}.client-service-image{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.client-service-image img{width:100%;height:auto;display:block}.client-service-text{flex:1}.team{background-color:#f8f9fa}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.team-member{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;text-align:center;transition:var(--transition)}.team-member:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.member-photo{height:250px;overflow:hidden}.member-photo img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.team-member:hover .member-photo img{transform:scale(1.1)}.member-info{padding:20px}.member-info h3{color:var(--primary);margin-bottom:5px}.member-info p{color:var(--gray);margin-bottom:15px}.testimonials{background-color:#fff;position:relative}.testimonials:after{content:"";position:absolute;top:-100px;right:-10px;width:300px;height:300px;background:var(--gradient-gold);border-radius:50%;opacity:.1}.testimonials-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.testimonial{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:40px;border-radius:var(--radius);margin-bottom:40px;box-shadow:var(--shadow);position:relative;transition:var(--transition)}.testimonial:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.testimonial:before{content:'"';font-size:6rem;color:var(--secondary);position:absolute;top:-20px;left:20px;opacity:.3;font-family:Georgia,serif}.testimonial-text{font-style:italic;margin-bottom:25px;font-size:1.1rem;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center}.author-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:20px;border:3px solid var(--secondary)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h4{margin-bottom:5px;color:var(--primary)}.author-info p{color:var(--gray);margin-bottom:0}.contact{background:var(--gradient);color:#fff;position:relative}.contact:before{content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:var(--gradient-gold);border-radius:50%;opacity:.1}.contact h2{color:#fff}.contact h2:after{background:var(--secondary)}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;position:relative;z-index:1}.contact-info h3{color:var(--secondary);margin-bottom:25px;font-size:1.8rem}.contact-details{margin-bottom:40px}.contact-item{display:flex;align-items:flex-start;margin-bottom:20px}.contact-icon{margin-right:20px;color:var(--secondary);font-size:1.5rem;width:25px;text-align:center}.contact-form input,.contact-form textarea{width:100%;padding:15px 20px;margin-bottom:25px;border:none;border-radius:50px;background-color:#ffffff1a;color:#fff;font-size:1rem;transition:var(--transition)}.contact-form input:focus,.contact-form textarea:focus{outline:none;background-color:#fff3;box-shadow:0 0 0 2px var(--secondary)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffffb3}.contact-form textarea{height:150px;resize:vertical;border-radius:25px}.contact-form .btn{background:var(--secondary);color:var(--primary)}footer{background-color:#061a2b;color:#fff;padding:70px 0 30px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:50px}.footer-col h3{color:var(--secondary);margin-bottom:25px;font-size:1.3rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#ffffffb3;text-decoration:none;transition:var(--transition)}.footer-col ul li a:hover{color:var(--secondary);padding-left:5px}.social-links-footer{display:flex;gap:15px}.social-links-footer a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#ffffff1a;border-radius:50%;color:#fff;transition:var(--transition)}.social-links-footer a:hover{background-color:var(--secondary);color:var(--primary);transform:translateY(-5px)}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.9rem}@media (max-width: 992px){.about-content,.client-service-content{flex-direction:column}.about-image,.client-service-image{order:-1}}@media (max-width: 768px){nav ul{display:none;position:absolute;top:70px;left:0;width:100%;background-color:#fff;flex-direction:column;padding:20px 0;box-shadow:0 5px 10px #0000001a}nav ul.show{display:flex}nav ul li{margin:0;text-align:center;padding:10px 0}.mobile-menu{display:block}.banner h1{font-size:2.5rem}}
