:root{--bg-color: #ffffff;--text-color: #333333;--accent-color: #4a90e2;--accent-color-rgb: 74, 144, 226;--hover-color: #74b9ff;--error-color: #e74c3c;--border-color: #dfe6e9}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--accent-color: #6a9bd8;--accent-color-rgb: 106, 155, 216;--hover-color: #74b9ff;--error-color: #e74c3c;--border-color: #dfe6e9}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;overflow-x:hidden}.about{padding:4rem 2rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.about-container{max-width:1200px;margin:0 auto}.about-content{max-width:100%;margin-bottom:3rem}.about-title{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem;text-align:center}.about-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.about-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:opacity .3s}.about-link:hover{opacity:.8}.location{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--accent-color)}.location-icon{font-size:1.2rem}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card{background:rgba(var(--accent-color-rgb),.1);border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s;border:1px solid var(--accent-color)}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(var(--accent-color-rgb),.15)}.service-icon{font-size:2.5rem;color:var(--accent-color);margin-bottom:1rem}.service-title{font-size:1.3rem;margin:0;color:var(--text-color)}@media (min-width: 768px){.about-title{font-size:3rem}.about-description{font-size:1.2rem}.service-title{font-size:1.5rem}}.hero{padding:4rem 2rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.hero-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center}.hero-text{flex:1;text-align:center}.hero-title{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2;color:var(--accent-color)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-visual{flex:1;max-width:600px;width:100%}.code-container{background:var(--bg-color);border:2px solid var(--accent-color);border-radius:15px;padding:2rem;position:relative;box-shadow:0 10px 30px #0000001a}.code-icon{font-size:3rem;color:var(--accent-color);margin-bottom:1.5rem}.code-window{background:rgba(var(--accent-color-rgb),.1);border-radius:8px;padding:1.5rem}.code-line{height:4px;background:var(--accent-color);margin-bottom:1rem;border-radius:2px;width:80%}.code-line:nth-child(2){width:60%}.code-line:nth-child(3){width:70%}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:2px solid var(--accent-color)}.get_started_link,.learn_more_link{text-decoration:none}.cta-primary{background:var(--accent-color);color:#fff}.cta-secondary{background:transparent;color:var(--accent-color)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-color-rgb),.3)}.cta-secondary:hover{background:rgba(var(--accent-color-rgb),.1)}@media (min-width: 768px){.hero-content{flex-direction:row;gap:4rem}.hero-text{text-align:left}.hero-title{font-size:3.5rem}.hero-cta{justify-content:flex-start}.code-container{padding:3rem}}.hero-content>*{animation:fadeInUp .8s ease forwards}.why-choose-us{padding:6rem 2rem;background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.section-subtitle{color:var(--text-color);opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:rgba(var(--accent-color-rgb),.1);padding:2rem;border-radius:8px;border:1px solid var(--accent-color);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature-icon-container{background:var(--accent-color);width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon{color:#fff;font-size:1.5rem}.feature-title{font-size:1.25rem;margin-bottom:1rem;color:var(--primary-color)}.feature-description{color:var(--text-color);opacity:.9;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center}.stat-card{padding:1.5rem;background:rgba(var(--accent-color-rgb),.1);border-radius:8px;border:1px solid var(--accent-color)}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.stat-label{color:var(--text-color);opacity:.9;font-size:.9rem}@media (max-width: 768px){.why-choose-us{padding:4rem 1rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}}.projects{padding:4rem 2rem;background-color:var(--bg-color);color:var(--text-color)}.projects-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;color:var(--accent-color);margin-bottom:3rem}.project-types-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-type-card{background:rgba(var(--accent-color-rgb),.05);border-radius:15px;padding:2rem;border:1px solid rgba(var(--accent-color-rgb),.1);transition:transform .3s}.project-type-card:hover{transform:translateY(-5px)}.type-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.type-icon{font-size:2rem;color:var(--accent-color);padding:1rem;background:rgba(var(--accent-color-rgb),.1);border-radius:50%}.type-title{margin:0;font-size:1.5rem}.type-description{color:rgba(var(--text-color-rgb),.9);margin-bottom:1.5rem;line-height:1.6}.project-list{display:flex;flex-direction:column;gap:1rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(var(--accent-color-rgb),.03);border-radius:8px}.project-name{font-weight:500}.project-status{font-size:.85rem;color:var(--accent-color);padding:.25rem .5rem;border-radius:4px;background:rgba(var(--accent-color-rgb),.1)}@media (min-width: 768px){.section-title{font-size:3rem}.type-title{font-size:1.75rem}.project-types-grid{gap:3rem}}.testimonial-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.testimonial-carousel{position:relative;overflow:hidden;padding:2rem 0}.testimonial-card{background:rgba(var(--accent-color-rgb),.1);padding:2rem;box-shadow:0 10px 15px -3px #0000001a;transition:transform .3s ease;position:absolute;width:100%;opacity:0;transform:translateY(20px);pointer-events:none}.testimonial-card.active{position:relative;opacity:1;transform:translateY(0);pointer-events:all;animation:fadeInUp .5s ease forwards}.testimonial-header{display:flex;align-items:center;margin-bottom:1.5rem}.avatar{width:60px;height:60px;border-radius:50%;margin-right:1rem;object-fit:cover}.user-info{flex-grow:1}.user-name{font-weight:600;color:var(--accent-color)}.user-role{color:var(--text-color);font-size:.9rem}.rating{color:var(--text-color);margin:.5rem 0}.rating .star.filled{color:#f59e0b}.testimonial-text{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.social-proof{display:flex;align-items:center;gap:.5rem}.social-proof>a{text-decoration:none;color:var(--text-color)}.social-icon{width:24px;height:24px;transition:transform .3s ease}.social-icon:hover{transform:translateY(-2px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--accent-color);border:none;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.carousel-nav.prev{left:-20px}.carousel-nav.next{right:-20px}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;padding:0;transition:all .3s ease}.dot.active{background:var(--accent-color);transform:scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.carousel-nav{display:none}.testimonial-container{padding:1rem}}.footer{background-color:var(--bg-color);color:var(--text-color);padding:4rem 0 2rem;font-family:Segoe UI,system-ui,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section{margin-bottom:2rem}.footer-logo{font-size:1.75rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem}.company-description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1.25rem}.social-link{color:var(--text-color);font-size:1.5rem;transition:color .3s ease}.social-link:hover{color:var(--hover-color)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--accent-color)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--hover-color)}.contact-info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.contact-info li{display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.mTFooter{color:var(--text-color)}.contact-info a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.newsletter-form{display:flex;flex-direction:column;gap:1rem;max-width:300px}.newsletter-input{padding:.75rem 1rem;border:1px solid var(--accent-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);font-size:1rem}.newsletter-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0984e34d}.newsletter-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.newsletter-button:hover{background-color:var(--hover-color)}.copyright-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-color)}.legal-links{margin-left:1rem}.legal-links a{color:var(--text-color);text-decoration:none;margin:0 .5rem;transition:color .3s ease}.legal-links a:hover{color:var(--accent-color)}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.newsletter-form{max-width:100%}.legal-links{display:block;margin-top:.5rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-color);box-shadow:0 2px 5px #0000001a;position:relative;transition:background-color .3s,color .3s}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.navLinks{display:flex;gap:2rem;list-style:none;transition:all .3s ease}.navLinks a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.navLinks a:hover{color:var(--accent-color)}.controls{display:flex;gap:1rem;align-items:center}.themeToggle{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-color);padding:.5rem}.hamburger{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);padding:.5rem}@media (max-width: 768px){.navbar{background-color:var(--bg-color);z-index:1}.hamburger{display:block}.navLinks{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);flex-direction:column;padding:1rem;text-align:center;box-shadow:0 2px 5px #0000001a}.navLinks.active{display:flex}}.HomePage,.AboutPage,.ServicePage,.ContactPage{display:flex;flex-direction:column}.contact-section{padding:4rem 2rem;background-color:var(--bg-color)}.contact-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;color:var(--text-color);margin-bottom:3rem}.contact-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}@media (min-width: 992px){.contact-content{grid-template-columns:1fr 2fr}}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:rgba(var(--accent-color-rgb),.1);border-radius:12px;transition:transform .3s,box-shadow .3s;border:1px solid var(--accent-color)}.info-item:hover{transform:translateY(-5px)}.info-icon{font-size:1.5rem;color:var(--accent-color);margin-top:.5rem}.info-item h3{color:var(--primary-color);margin-bottom:.5rem}.info-item p{color:#636e72;line-height:1.6}.contact-form{display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--primary-color)}.form-group input,.form-group textarea{padding:.75rem 1rem;font-size:1rem;background:rgba(var(--accent-color-rgb),.1);border-radius:12px;transition:transform .3s,box-shadow .3s;border:1px solid var(--accent-color);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0984e31a}.error{border-color:var(--error-color)!important}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.25rem}.submit-button{background:rgba(var(--accent-color-rgb),.1);transition:transform .3s,box-shadow .3s;border:1px solid var(--accent-color);color:var(--text-color);padding:1rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover{background-color:var(--hover-color)}.submit-icon{font-size:1.2rem}.map-container{height:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.map-container iframe{width:100%;height:100%;border:0}.projects-section{padding:4rem 2rem;background:var(--background-alt)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:rgba(var(--accent-color-rgb),.1);border-radius:12px;border:1px solid var(--accent-color);overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .card-image img{transform:scale(1.05);box-shadow:0 8px 25px rgba(var(--accent-color-rgb),.15)}.card-content{padding:1.5rem}.description{color:var(--text-color);margin:1rem 0;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tag{background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.links{display:flex;gap:1rem;margin-top:1rem}.link{color:var(--text-primary);transition:color .3s ease}.link:hover{color:var(--accent)}.icon{width:24px;height:24px}.loading,.error{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.view-details-link{color:#f0f8ff;text-decoration:none}.project-detail-container{max-width:1200px;margin:0 auto;padding:2rem}.back-button{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--primary-color);text-decoration:none}.project-header{text-align:center;margin-bottom:3rem}.main-image img{width:100%;height:500px;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a}.project-details{display:grid;grid-template-columns:1fr 300px;gap:3rem;margin-top:2rem}.links{display:flex;gap:1rem;margin-bottom:2rem}.link-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:5px;text-decoration:none;transition:opacity .3s ease}.link-button:hover{opacity:.9}.technical-details h3{color:var(--heading-color);margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.features li{margin-bottom:.5rem;padding-left:1rem;position:relative}.features li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}@media (max-width: 768px){.project-details{grid-template-columns:1fr}.main-image img{height:300px}}