:root{--color-primary: #C0C0C0;--color-primary-dark: #A9A9A9;--color-primary-light: #E0E0E0;--color-secondary: #000000;--color-background: #FFFFFF;--color-text-main: #333333;--color-text-light: #666666;--color-white: #FFFFFF;--font-family-main: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-h1: 3rem;--font-size-h2: 2.25rem;--font-size-h3: 1.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);background-color:var(--color-background);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--color-secondary);font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-secondary);color:var(--color-white);border:2px solid var(--color-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn:hover,.btn-outline{background-color:transparent;color:var(--color-secondary)}.btn-outline:hover{background-color:var(--color-secondary);color:var(--color-white)}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-white);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000;padding:var(--spacing-sm) 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--color-secondary);letter-spacing:-.5px}.logo-accent{color:var(--color-primary-dark)}.nav-list{display:flex;gap:var(--spacing-md)}.nav-link{font-weight:500;color:var(--color-text-main);position:relative;padding-bottom:4px}.nav-link:hover,.nav-link.active{color:var(--color-secondary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.nav-link:hover:after,.nav-link.active:after{width:100%}.main-content{flex:1}.footer{background-color:#f5f5f5;padding:var(--spacing-lg) 0;margin-top:auto;border-top:1px solid var(--color-primary-light)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.footer-info h3{margin-bottom:var(--spacing-sm);color:var(--color-secondary)}.footer-links ul{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-links a:hover{text-decoration:underline}.footer-copyright{grid-column:1 / -1;text-align:center;margin-top:var(--spacing-md);color:var(--color-text-light);font-size:.875rem}@media(max-width:768px){.header-container{flex-direction:column;gap:var(--spacing-sm)}.nav-list{gap:var(--spacing-sm)}}.hero{background-color:#f0f0f0;padding:var(--spacing-xl) 0;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);z-index:0}.hero-container{position:relative;z-index:1}.hero-content{max-width:600px}.hero h1{font-size:var(--font-size-h1);margin-bottom:var(--spacing-sm);color:var(--color-secondary)}.hero p{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-text-light)}.hero-buttons{display:flex;gap:var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-h2);margin-bottom:var(--spacing-xs)}.section-header p{color:var(--color-text-light);font-size:1.125rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.service-card{background-color:var(--color-white);padding:var(--spacing-md);border:1px solid var(--color-primary-light);border-radius:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.service-card h3{margin-bottom:var(--spacing-sm);color:var(--color-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.project-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform var(--transition-fast)}.project-card:hover{transform:translateY(-5px)}.project-image{height:200px;background-color:var(--color-primary)}.placeholder-image{background:linear-gradient(45deg,#ccc,#e0e0e0)}.project-info{padding:var(--spacing-md)}.project-info h3{font-size:1.25rem;margin-bottom:.5rem}.project-info p{color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.read-more{color:var(--color-secondary);font-weight:600;font-size:.875rem}.center-btn{text-align:center;margin-top:var(--spacing-md)}@media(max-width:768px){.hero h1{font-size:2.5rem}}.filter-bar{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-btn{background:none;border:1px solid var(--color-primary-light);padding:.5rem 1.5rem;border-radius:20px;cursor:pointer;font-family:var(--font-family-main);color:var(--color-text-light);transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.projects-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md)}.project-card-full{background-color:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000000d;transition:transform var(--transition-fast)}.project-card-full:hover{transform:translateY(-5px)}.project-image-full{height:250px;background-color:#e0e0e0;background-size:cover;background-position:center}.placeholder-1{background:linear-gradient(45deg,#bdc3c7,#2c3e50)}.placeholder-2{background:linear-gradient(45deg,#2c3e50,#bdc3c7)}.placeholder-3{background:linear-gradient(45deg,#e0e0e0,#bdc3c7)}.placeholder-4{background:linear-gradient(45deg,#bdc3c7,#e0e0e0)}.placeholder-5{background:linear-gradient(45deg,#95a5a6,#7f8c8d)}.placeholder-6{background:linear-gradient(45deg,#7f8c8d,#95a5a6)}.project-content{padding:var(--spacing-md)}.project-category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary-dark);margin-bottom:var(--spacing-xs);font-weight:600}.project-content h3{margin-bottom:var(--spacing-xs);font-size:1.5rem}.project-content p{color:var(--color-text-light);font-size:.95rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.news-card{background-color:var(--color-white);border:1px solid var(--color-primary-light);border-radius:8px;overflow:hidden;transition:box-shadow var(--transition-fast)}.news-card:hover{box-shadow:0 5px 15px #0000000d}.news-image{height:200px;background-color:#f0f0f0;background-size:cover}.news-1{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.news-2{background:linear-gradient(135deg,#2c3e50,#bdc3c7)}.news-3{background:linear-gradient(135deg,#e0e0e0,#bdc3c7)}.news-content{padding:var(--spacing-md)}.news-date{font-size:.85rem;color:var(--color-text-light);display:block;margin-bottom:var(--spacing-xs)}.news-content h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-secondary)}.news-content p{color:var(--color-text-main);margin-bottom:var(--spacing-md);line-height:1.6}.btn-text{background:none;border:none;color:var(--color-secondary);font-weight:600;cursor:pointer;padding:0;font-size:.9rem}.btn-text:hover{text-decoration:underline}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl)}.contact-info{background-color:#f9f9f9;padding:var(--spacing-md);border-radius:8px}.info-item{margin-bottom:var(--spacing-md)}.info-item h3{font-size:1.1rem;margin-bottom:var(--spacing-xs);color:var(--color-secondary)}.info-item p{color:var(--color-text-light)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--color-text-main)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--color-primary-light);border-radius:4px;font-family:var(--font-family-main);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary)}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:var(--spacing-md)}}