:root{--bg-color: #f5f5f5;--text-color: #222222;--accent-color: #008080;--accent-secondary: #005f5f;--dark-bg: #1a1a1a;--light-text: #ffffff;--font-main: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}.section-content{padding-bottom:80px;color:var(--text-color)}.section-title{font-size:2.5rem;margin-bottom:20px;color:var(--accent-color);font-weight:600}.section-text{font-size:1.1rem;line-height:1.6;color:#555}.glass-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.3);margin-bottom:20px}.timeline{position:relative;margin-top:20px;padding-left:20px;border-left:2px solid var(--accent-color)}.timeline-item{position:relative;margin-bottom:30px;padding-left:20px}.timeline-dot{position:absolute;left:-26px;top:5px;width:12px;height:12px;background:var(--accent-color);border-radius:50%;border:2px solid white}.timeline-content h4{margin:0 0 5px;color:#333}.timeline-content p{margin:0;font-size:.9rem;color:#666}.grid-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.gallery-item{background:#fff;padding:15px;border-radius:8px;text-align:center;font-weight:500;color:var(--accent-color);box-shadow:0 2px 5px #0000000d}.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:5px 15px;border-radius:20px;cursor:pointer;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--accent-color);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;cursor:pointer}.project-image{height:150px;background-size:cover;background-position:center}.project-info{padding:15px}.project-info h4{margin:0 0 5px;font-size:1rem}.project-info p{margin:0;font-size:.8rem;color:#777}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.service-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000d;text-align:center}.service-card h3{margin:15px 0 10px;color:#333}.service-card p{font-size:.9rem;color:#666}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:20px}.step{text-align:center}.step-number{font-size:2rem;font-weight:700;color:#004d4d1a;margin-bottom:-10px}.contact-grid{display:grid;gap:30px}.info-item{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:1.1rem}.icon{color:var(--accent-color)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit}.submit-btn{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;width:100%}.cta-button{background:#fff;border:2px solid var(--accent-color);color:var(--accent-color);padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}body,html{width:100%;height:100%;overflow:hidden;font-family:var(--font-main);background:linear-gradient(to bottom,#e0f7fa,#fff 80%);color:var(--text-color);-webkit-font-smoothing:antialiased}a,button,input,textarea,select{cursor:pointer!important}.app-content{position:relative;width:100%;height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00808080;border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;position:relative}.section-content{padding-bottom:50px}.heading{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.subheading{font-size:1.2rem;color:#666;margin-bottom:2rem}.btn{display:inline-block;padding:12px 30px;background-color:var(--accent-color);color:#fff;border-radius:50px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0080804d}.btn-outline{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);margin-left:1rem}.btn-outline:hover{background-color:var(--accent-color);color:#fff}@media(max-width:768px){.heading{font-size:2rem}.subheading{font-size:1rem}.section{padding:60px 0}nav ul{display:none!important}h1{font-size:3rem!important}.overlay-container{width:100%!important}}
