*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:url(/images/background.jpg) 50%/cover no-repeat fixed;position:relative}body:before{content:"";z-index:-1;background:#ffffffd9;width:100%;height:100%;position:absolute;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{z-index:100;background-color:#fff;padding:30px 0;position:sticky;top:0;box-shadow:0 2px 15px #0000000d}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:15px;display:flex}.logo img{height:4rem}.nav-links{gap:30px;display:flex}.nav-links a{color:#4a0a70;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#dc4f08;width:0;height:3px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:#dc4f08}.nav-links a:hover:after{width:100%}main{flex:1;padding:60px 0}.hero{align-items:center;gap:80px;margin-bottom:80px;display:flex}.hero-content{flex:1}.hero-image{flex:1;justify-content:center;display:flex;position:relative}.oil-icon{background:linear-gradient(135deg,#4a0a70 0%,#2e0649 100%);border-radius:50%;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #4a0a7026}.oil-icon:before{content:"";background:radial-gradient(circle,#dc4f0826 0%,#0000 70%);width:100%;height:100%;position:absolute}.oil-icon i{color:#dc4f08;font-size:150px}h1{margin-bottom:20px;font-size:3.5rem;line-height:1.2}.heading-gradient{background:linear-gradient(90deg,#4a0a70 0%,#dc4f08 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.tagline{color:#4a0a70;margin-bottom:30px;font-size:1.6rem;font-weight:500}.description{color:#555;max-width:600px;margin-bottom:40px;font-size:1.15rem;line-height:1.7}.divider{background:linear-gradient(90deg,#4a0a70,#dc4f08);border-radius:2px;width:120px;height:4px;margin:30px 0}.countdown{gap:20px;max-width:600px;margin-bottom:40px;display:flex}.countdown-item{text-align:center;background:#fff;border:2px solid #4a0a701a;border-radius:15px;flex:1;padding:25px 15px;transition:all .3s;box-shadow:0 5px 20px #0000000d}.countdown-item:hover{border-color:#dc4f0833;transform:translateY(-5px);box-shadow:0 10px 25px #4a0a7026}.countdown-value{color:#4a0a70;font-size:2.8rem;font-weight:700}.countdown-label{text-transform:uppercase;color:#dc4f08;letter-spacing:1px;margin-top:5px;font-size:1rem;font-weight:600}.services-section{background-color:#0000;background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/images/services.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:60px 0;padding:80px 0}.section-title{text-align:center;color:#4a0a70;margin-bottom:60px;font-size:2.5rem;position:relative}.section-title:after{content:"";background:#dc4f08;border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.services{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.service-card{text-align:center;background:#fff;border:2px solid #4a0a700d;border-radius:15px;flex:1;min-width:300px;max-width:350px;padding:40px 30px;transition:all .3s;box-shadow:0 10px 30px #00000014}.service-card:hover{border-color:#dc4f081a;transform:translateY(-10px);box-shadow:0 15px 40px #4a0a7026}.service-icon{color:#dc4f08;background:linear-gradient(135deg,#4a0a70 0%,#2e0649 100%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 25px;font-size:2.5rem;display:flex}.service-card h3{color:#4a0a70;margin-bottom:20px;font-size:1.8rem}.service-card p{color:#666;line-height:1.7}.contact-section{background-color:#f9f9f9;border-radius:20px;padding:80px 0}.contact-container{align-items:center;gap:60px;display:flex}.contact-info{flex:1}.contact-info h2{color:#4a0a70;margin-bottom:30px;font-size:2.5rem}.contact-info p{color:#555;margin-bottom:40px;font-size:1.1rem;line-height:1.7}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{align-items:center;gap:15px;display:flex}.contact-icon{color:#dc4f08;background:linear-gradient(135deg,#4a0a70 0%,#2e0649 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;display:flex}.contact-text{color:#4a0a70;font-weight:500}.contact-form{background:#fff;border-radius:15px;flex:1;padding:40px;box-shadow:0 10px 30px #00000014}.form-title{color:#4a0a70;margin-bottom:30px;font-size:1.8rem}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{color:#333;background:#fff;border:2px solid #4a0a701a;border-radius:10px;width:100%;padding:16px;font-size:1.1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#dc4f08;outline:none;box-shadow:0 0 0 3px #dc4f081a}.form-group textarea{resize:vertical;height:130px}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#4a0a70 0%,#dc4f08 100%);border:none;border-radius:10px;width:100%;padding:18px 45px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #dc4f084d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #dc4f0866}footer{color:#fff;background:linear-gradient(135deg,#4a0a70 0%,#2e0649 100%);margin-top:80px;padding:60px 0 30px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:50px;display:flex}.footer-section{flex:1;min-width:250px}.footer-section h3{color:#fff;margin-bottom:25px;padding-bottom:10px;font-size:1.5rem;position:relative}.footer-section h3:after{content:"";background:#dc4f08;border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.footer-contact{flex-direction:column;gap:18px;display:flex}.footer-item{color:#e0e0e0;align-items:flex-start;gap:15px;line-height:1.6;display:flex}.footer-item i{color:#dc4f08;margin-top:4px;font-size:1.4rem}.social-links{gap:15px;margin-top:25px;display:flex}.social-link{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;transition:all .3s;display:flex}.social-link:hover{background:#dc4f08;transform:translateY(-5px)}.copyright{text-align:center;color:#ffffffb3;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:40px;font-size:.95rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.float{animation:4s ease-in-out infinite float}@media (width<=1000px){.hero{text-align:center;flex-direction:column;gap:50px}.divider,.description,.countdown{margin-left:auto;margin-right:auto}.countdown{max-width:500px}.services{justify-content:center}.contact-container{flex-direction:column}.footer-content{justify-content:center}.footer-section{text-align:center}.footer-section h3:after{left:50%;transform:translate(-50%)}.footer-item,.social-links{justify-content:center}.nav-links{display:none}}@media (width<=600px){h1{font-size:2.8rem}.tagline{font-size:1.3rem}.countdown{gap:10px}.countdown-item{padding:15px 10px}.countdown-value{font-size:2.2rem}.logo-text{font-size:30px}.oil-icon{width:280px;height:280px}.oil-icon i{font-size:120px}}html{scroll-padding-top:144px}.logo img{width:auto;display:block}.hero-content,.hero-image,.contact-info,.contact-form{min-width:0}.contact-icon{flex-shrink:0}.contact-text{overflow-wrap:anywhere}.contact-text a,.footer-item a{color:inherit}.form-note{color:#555;margin:-10px 0 25px;line-height:1.6}#form-status{color:#4a0a70;margin-top:20px;line-height:1.6}#form-status a{color:#4a0a70;font-weight:600}:focus-visible{outline-offset:5px;outline:3px solid #dc4f08}@media (width<=1000px){.hero-content,.contact-form{width:100%}}@media (width<=600px){.countdown{width:100%}.countdown-item{min-width:0;padding:15px 5px}.countdown-label{letter-spacing:.5px;font-size:.75rem}.contact-form{padding:30px 20px}.service-card{flex-basis:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=374px){h1{font-size:clamp(2rem,11.5vw,2.8rem)}.service-card h3{font-size:1.5rem}}
