@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2{font-family:Poppins,sans-serif}h3{color:#065471}.hero{align-items:center;background:linear-gradient(135deg,#ffc045,#065471);color:#fff;display:flex;height:90vh;justify-content:center;padding:0 20px;text-align:center}.hero-content{max-width:800px}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.5rem;margin-bottom:2rem}.hero-button{background-color:#065471;border-radius:30px;color:#fff;font-size:1.2rem;padding:12px 24px;text-decoration:none;transition:background-color .3s}.hero-button:hover{background-color:hwb(196 2% 56%/.505)}.about-preview{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);padding:4rem 2rem;text-align:center}.about-preview .container{margin:0 auto;max-width:800px}.about-preview h2{color:#333;font-size:2.5rem;margin-bottom:1rem}.about-preview p{color:#555;font-size:1.125rem;margin-bottom:2rem}.about-preview .btn-primary{background-color:#065471;border-radius:5px;color:#fff;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:background .3s ease}.about-preview .btn-primary:hover{background-color:hwb(196 2% 56%/.505)}.services-preview{background-color:#fff;padding:4rem 2rem;text-align:center}.services-preview .container{margin:0 auto;max-width:1200px}.services-preview h2{color:#333;font-size:2.5rem;margin-bottom:2rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-item{background:#f8fafc;border-radius:10px;box-shadow:0 4px 6px #0000000d;padding:2rem;transition:transform .3s ease}.service-item:hover{transform:translateY(-10px)}.service-item h3{font-size:1.5rem;margin-bottom:1rem}.service-item p{color:#555;font-size:1rem}.portfolio-preview{background-color:#f9f9f9;padding:4rem 1rem;text-align:center}.portfolio-preview h2{font-size:2rem;margin-bottom:2rem}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portfolio-item{background:#fff;box-shadow:0 4px 15px #0000000d;color:#333;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{height:200px}.portfolio-item h3{font-size:1.2rem;font-weight:600;padding:1rem}.blog-preview{background-color:#f9f9f9;padding:50px 0}.container{margin:0 auto;width:80%}.section-title{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.blog-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.blog-card h3{color:#333;font-size:24px;margin-bottom:15px}.blog-card p{color:#555;font-size:16px;line-height:1.5;margin-bottom:20px}.read-more-link{color:#07c;font-size:16px;text-decoration:none}.read-more-link:hover{text-decoration:underline}.contact-cta{align-items:center;background:linear-gradient(90deg,#ffc045,#4a2a12);display:flex;justify-content:center;padding:50px 0;text-align:center}.cta-content h2{color:#fff;font-size:36px;margin-bottom:20px}.cta-content p{color:#fff;font-size:18px;margin-bottom:30px}.cta-button{background-color:#fff;border:none;border-radius:5px;color:#ffc045;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#ffc045;color:#fff}.about{background-color:#f9f9f9;padding:50px}.about-header h1{color:#333;font-size:36px}.about-header p{color:#555;font-size:18px}.about-content h2{color:#333;font-size:28px;margin-top:20px}.about-content p{color:#666;font-size:16px}.about-mission h2{color:#333;font-size:28px;margin-top:40px}.about-mission p{color:#666;font-size:16px}.portfolio{background-color:#fff;padding:4rem 1rem}.portfolio-header{margin-bottom:3rem;text-align:center}.portfolio-header h1{font-size:2.5rem;margin-bottom:.5rem}.portfolio-header p{color:#666;font-size:1rem}.portfolio-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-item{background:#fafafa;border-radius:10px;box-shadow:0 4px 12px #0000000f;color:#222;overflow:hidden;text-decoration:none;transition:all .3s ease}.portfolio-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.portfolio-item img{height:180px;object-fit:cover;width:100%}.portfolio-item h3{font-size:1.3rem;margin:1rem}.portfolio-item p{color:#555;font-size:.95rem;margin:0 1rem 1rem}.project-detail{background-color:#f5f5f5;padding:4rem 1rem}.project-detail .container{background:#fff;border-radius:12px;box-shadow:0 4px 18px #0000000f;margin:auto;max-width:800px;padding:2rem}.project-detail h1{font-size:2rem;margin-bottom:1.5rem}.project-detail img{border-radius:8px;height:auto;margin-bottom:1.5rem;width:100%}.project-detail p{color:#444;font-size:1rem;line-height:1.6}.back-link{color:#007bff;display:inline-block;font-weight:500;margin-top:2rem;transition:color .2s ease}.back-link:hover{color:#0056b3}.services{background-color:#fff;padding:50px}.services-header h1{color:#333;font-size:36px}.services-header p{color:#555;font-size:18px}.service h2{color:#333;font-size:28px;margin-top:30px}.service p{color:#666;font-size:16px}.blog{background-color:#f9f9f9;padding:50px}.blog-header h1{color:#333;font-size:36px}.blog-header p{color:#555;font-size:18px}.blog-post h2{color:#333;font-size:28px;margin-top:20px}.blog-post p{color:#666;font-size:16px}.blog-post a{color:#07c;display:inline-block;margin-top:10px;text-decoration:none}.blog-details{background-color:#fff;padding:60px 20px}.blog-details h1{color:#222;font-size:32px;margin-bottom:20px}.blog-content{color:#444;font-size:18px;line-height:1.7;margin-bottom:40px}.back-link{color:#065471;font-weight:700;text-decoration:none}.back-link:hover{text-decoration:underline}.contact{background-color:#fff;padding:50px}.contact-header h1{color:#333;font-size:36px}.contact-header p{color:#555;font-size:18px}.contact-form{display:flex;flex-direction:column;margin:0 auto;max-width:600px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px;padding:15px}.contact-form button{background-color:#ffc045;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:15px}.contact-form button:hover{background-color:#edcc89}.navbar{background:#fff;box-shadow:0 2px 4px #0000000d;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.navbar .container{justify-content:space-between;margin:0 auto;max-width:1200px}.logo,.navbar .container{align-items:center;display:flex}.logo a{color:#065471;font-family:Roboto Mono,monospace;font-size:2rem;font-style:normal;font-weight:700;padding:0 10px;text-decoration:none;word-spacing:-8px}.logo-img{height:38px;margin-right:8px;width:auto}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links li a{color:#333;font-size:1rem;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:hwb(196 2% 56%/.505)}@media (max-width:768px){.nav-links{display:none}.logo a{font-size:1.5rem}.logo-img{height:34px;margin-right:0}}.footer{background:#f9f9f9;color:#555;font-size:.9rem;margin-top:3rem;padding:2rem 1rem 1rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding-bottom:1rem}.footer-icons{display:flex;gap:1.5rem}.footer-icon{color:#555;font-size:1.8rem;transition:color .3s ease}.footer-icon:hover{color:#000}.footer-location{align-items:center;display:flex;flex-shrink:0;font-size:.95rem;gap:.6rem;text-align:right}.footer-rights{border-top:1px solid #ddd;font-size:.85rem;margin-top:.5rem;padding-top:1rem;text-align:center}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column;gap:1rem}.footer-icons,.footer-location{justify-content:center}.footer-location{font-size:.9rem;text-align:center}.footer-icon{font-size:1.6rem}}
/*# sourceMappingURL=main.f4b091fd.css.map*/