:root{--color-primary: #1e40af;--color-primary-light: #3b82f6;--color-primary-dark: #1e3a8a;--color-secondary: #10b981;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--container-max-width: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-gray-600)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.section-subtitle{text-align:center;color:var(--color-gray-600);font-size:var(--font-size-lg);max-width:700px;margin:0 auto var(--spacing-2xl)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.bg-gray{background-color:var(--color-gray-50)}.bg-primary{background-color:var(--color-primary);color:#fff}@media (max-width: 768px){:root{--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}.container{padding:0 var(--spacing-md)}section{padding:var(--spacing-2xl) 0}}@media (max-width: 480px){:root{--font-size-5xl: 1.875rem;--font-size-4xl: 1.5rem}}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:var(--shadow-md);z-index:1000;transition:all var(--transition-base)}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto}.navbar-logo{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.navbar-logo:hover{color:var(--color-primary-light)}.logo-icon{width:32px;height:32px;margin-right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-lg)}.navbar-menu{display:flex;align-items:center;list-style:none;gap:var(--spacing-xl)}.navbar-menu li a{color:var(--color-gray-700);font-weight:500;font-size:var(--font-size-base);padding:var(--spacing-sm) 0;position:relative;transition:color var(--transition-fast)}.navbar-menu li a:hover{color:var(--color-primary)}.navbar-menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.navbar-menu li a:hover:after,.navbar-menu li a.active:after{width:100%}.navbar-cta{background-color:var(--color-primary);color:#fff!important;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;transition:all var(--transition-fast);border:2px solid var(--color-primary)}.navbar-cta:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.navbar-cta:after{display:none}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.navbar-toggle span{width:25px;height:3px;background-color:var(--color-gray-700);border-radius:2px;transition:all var(--transition-base)}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:64px;left:0;right:0;background-color:#fff;flex-direction:column;gap:0;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--transition-base);max-height:calc(100vh - 64px);overflow-y:auto}.navbar-menu.active{transform:translate(0)}.navbar-menu li{width:100%;text-align:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-200)}.navbar-menu li:last-child{border-bottom:none}.navbar-menu li a{display:block;width:100%}.navbar-cta{display:block;text-align:center;margin-top:var(--spacing-md)}}body{padding-top:64px}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section h3{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.footer-section p{color:var(--color-gray-400);line-height:1.8}.footer-logo{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-md)}.footer-logo-icon{width:36px;height:36px;margin-right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-gray-400);transition:color var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-primary-light);transform:translate(4px)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-gray-400)}.footer-contact-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.footer-social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-800);border-radius:50%;color:var(--color-gray-400);transition:all var(--transition-fast)}.footer-social a:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-divider{height:1px;background-color:var(--color-gray-800);margin:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);color:var(--color-gray-500);font-size:var(--font-size-sm)}.footer-bottom-links{display:flex;gap:var(--spacing-lg);list-style:none}.footer-bottom-links a{color:var(--color-gray-500);transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-primary-light)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{flex-direction:column;gap:var(--spacing-sm)}}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;border-radius:var(--border-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);line-height:1}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.card{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);height:100%}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:#fff;font-size:var(--font-size-2xl)}.card-title{font-size:var(--font-size-xl);color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.card-description{color:var(--color-gray-600);line-height:1.7}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.hero-title{font-size:var(--font-size-5xl);color:#fff;margin-bottom:var(--spacing-lg);line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);color:#ffffffe6;margin-bottom:var(--spacing-2xl);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.process-step{text-align:center;position:relative}.process-step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#fff;font-size:var(--font-size-2xl);font-weight:700}.process-step-title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.process-step-description{color:var(--color-gray-600);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.feature-item{display:flex;gap:var(--spacing-lg)}.feature-icon{width:50px;height:50px;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:var(--font-size-xl)}.feature-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-content p{color:var(--color-gray-600);line-height:1.6}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e40af1a}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:none}.form-group.error .form-error{display:block}.form-group.error .form-input,.form-group.error .form-textarea{border-color:var(--color-error)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-light);color:#fff;border-radius:var(--border-radius-xl);font-size:var(--font-size-sm);font-weight:600}@media (max-width: 768px){.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;align-items:stretch}.cards-grid,.process-steps,.features-grid{grid-template-columns:1fr}}.services-preview{background-color:var(--color-gray-50)}.services-preview .cards-grid{margin-top:var(--spacing-2xl)}.why-section{background-color:#fff}.why-section .features-grid{margin-top:var(--spacing-2xl)}.process-section{background-color:var(--color-gray-50)}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center;padding:var(--spacing-3xl) 0}.cta-section h2{color:#fff;margin-bottom:var(--spacing-lg)}.cta-section p{color:#ffffffe6;font-size:var(--font-size-lg);max-width:700px;margin:0 auto var(--spacing-2xl)}.services-page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.services-page-header h1{color:#fff;margin-bottom:var(--spacing-md)}.services-page-header p{color:#ffffffe6;font-size:var(--font-size-lg);max-width:700px;margin:0 auto}.services-detailed{padding:var(--spacing-3xl) 0}.service-card-detailed{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl)}.service-card-detailed:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.service-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.service-features{list-style:none;margin-top:var(--spacing-lg)}.service-features li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-xl);position:relative;color:var(--color-gray-700)}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700;font-size:var(--font-size-lg)}.about-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.about-hero h1{color:#fff;margin-bottom:var(--spacing-md)}.about-hero p{color:#ffffffe6;font-size:var(--font-size-xl);max-width:800px;margin:0 auto}.about-content{padding:var(--spacing-3xl) 0}.about-section{margin-bottom:var(--spacing-3xl)}.about-section h2{margin-bottom:var(--spacing-lg)}.about-section p{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-lg)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.value-item{text-align:center;padding:var(--spacing-xl);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg)}.value-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.value-item h3{margin-bottom:var(--spacing-sm)}.projects-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.projects-hero h1{color:#fff;margin-bottom:var(--spacing-md)}.projects-hero p{color:#ffffffe6;font-size:var(--font-size-lg);max-width:700px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl);padding:var(--spacing-3xl) 0}.project-card{background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.project-image{width:100%;height:220px;background:linear-gradient(135deg,var(--color-gray-300),var(--color-gray-400));display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);font-size:var(--font-size-3xl)}.project-content{padding:var(--spacing-xl)}.project-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-light);color:#fff;border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-md)}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.project-description{color:var(--color-gray-600);line-height:1.6}.contact-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.contact-hero h1{color:#fff;margin-bottom:var(--spacing-md)}.contact-hero p{color:#ffffffe6;font-size:var(--font-size-lg);max-width:700px;margin:0 auto}.contact-content{padding:var(--spacing-3xl) 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}.contact-form-section{background-color:#fff;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.contact-info-section{padding:var(--spacing-2xl)}.contact-info-item{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-gray-50);border-radius:var(--border-radius-md)}.contact-info-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:var(--font-size-xl)}.contact-info-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.contact-info-content p{color:var(--color-gray-600);margin:0}.contact-info-content a{color:var(--color-primary);font-weight:600}.form-success-message{display:none;padding:var(--spacing-lg);background-color:var(--color-success);color:#fff;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);text-align:center}.form-success-message.show{display:block}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.projects-grid{grid-template-columns:1fr}}