body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.container{margin:0 auto;max-width:1200px;width:90%}header{background:#333;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}header,header .container{align-items:center;display:flex;justify-content:space-between}header .container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}header .logo{flex:0 1 auto}header .logo a{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}header nav{flex:1 1;text-align:center}header nav .menu{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{cursor:pointer}header nav .menu a{color:#fff;font-size:1rem;text-decoration:none;white-space:nowrap}header .hire-me{flex:0 1 auto;text-align:right}header .hire-me .btn{background:coral;border-radius:5px;color:#fff;font-size:1rem;padding:.7rem 1.2rem;text-decoration:none;transition:background .3s}header .hire-me .btn:hover{background:#ff4500}.hero{align-items:center;background:linear-gradient(90deg,#ffeb3b,#00c6ff);color:#fff;display:flex;height:30vh;justify-content:center;text-align:center}.hero h1{color:#000;font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0006}.hero .highlight{background-color:#ffeb3b;border-radius:5px;color:#d32f2f;font-weight:700;padding:.2rem .4rem}.hero .btn{background:coral;border-radius:50px;color:#fff;font-size:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:transform .3s}.hero .btn:hover{background:#ff4500;transform:scale(1.1)}.hero .container h1{font-size:2.5em;margin-bottom:20px}.hero .container p{font-size:1.5em;line-height:1.8em;margin:10px 0}.highlight{color:#f60;font-weight:700}.animated-text{color:#3e00ff;font-size:2em;font-weight:700;margin-top:10px}.title-desc,.title-head{color:#555;font-size:1.2em}.about-section{padding:3rem 0;text-align:center}.about-section h2{color:#002d5b;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;line-height:1.3em;margin-bottom:2rem}.services-section .cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 2rem}.services-section .card{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s}.services-section .card:hover{transform:translateY(-10px)}.services-section{background:linear-gradient(90deg,#8b606812,#0005ff)}.metrics{align-items:center;background-color:#1004dbf5;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:space-around;text-align:center}.metric{flex:1 1;max-width:200px}.number{color:gold;display:inline-block;font-size:64px}.number,.plus{font-weight:700}.plus{color:#00f500;font-size:48px;margin-left:5px;vertical-align:top}.metric p{font-size:18px;margin-top:10px}.portfolio-section-page h2{color:#35373a;font-family:Playfair Display,serif;font-size:3em;font-weight:600;text-align:center}.portfolio-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-bottom:10px}.portfolio-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1 300px;flex-direction:column;justify-content:flex-start;max-width:300px;min-height:400px;overflow:hidden;text-align:left;transition:transform .3s ease-in-out}.portfolio-card img{border-bottom:1px solid #ddd;height:200px;object-fit:cover;width:100%}.portfolio-card h3{color:#333;font-size:1.5em;margin:10px 15px 5px}.portfolio-card p{color:#666;flex-grow:1;font-size:1em;line-height:1.6;margin:0 15px 15px}.portfolio-link{align-self:center;background:#4caf50;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-bottom:15px;margin-top:15px;padding:10px 20px;text-align:center;text-decoration:none;transition:background .3s ease,transform .2s ease}.portfolio-link:hover{background:#45a049;transform:scale(1.05)}.portfolio-link:active{background:#3e8e41;transform:scale(.98)}.view-more-btn{background:coral;border-radius:50px;color:#fff;display:inline-block;font-size:1rem;margin-top:2rem;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.view-more-btn:hover{background:#ff4500;transform:scale(1.1)}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.8rem 0;text-align:center}.contact-section h2{color:#f9f9f9;font-size:2.5rem;font-weight:700;margin-bottom:2.1rem;margin-top:0}#contactForm input:focus,#contactForm textarea:focus{box-shadow:0 4px 10px #0003}#contactForm .submit-btn{background:coral;border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:background .3s,transform .2s}#contactForm .submit-btn:hover{background:#ff4500;transform:translateY(-3px)}#formResponse{color:#d4edda;font-size:1rem;margin-top:1rem}#contactForm label{color:#f9f9f9;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:left}.form-group{display:flex;flex-direction:column;margin-bottom:2rem;margin-top:1.2rem}#contactForm input,#contactForm textarea{background:#f1f1f1;border:none;border-radius:8px;color:#333;font-size:1rem;outline:none;padding:1rem;transition:all .3s;width:100%}.contact-info-boxes{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-bottom:2rem}.info-box{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;color:#333;display:flex;flex-direction:column;height:250px;justify-content:center;text-align:center;transition:transform .3s,box-shadow .3s;width:250px}.info-box:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.info-box i{color:#667eea;font-size:2.5rem;margin-bottom:1rem}.info-box h3,.info-box h3 a{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.info-box p{color:#1a1a1a;font-size:.9rem;margin:0}.hover-blue{color:#000;text-decoration:none;transition:color .3s}.hover-blue:hover{color:blue}.newsletter-section{background:linear-gradient(90deg,#8b606812,#2024d3e8);color:#fff;font-family:Arial,sans-serif;padding:50px 0}.newsletter-section .container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.newsletter-section .newsletter-content{background-color:#4812f9;border-radius:10px;box-shadow:0 4px 15px #0003;margin:0 auto;max-width:600px;padding:30px}.newsletter-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px}.newsletter-section p{font-size:1.1rem;margin-bottom:25px}.newsletter-section form{align-items:center;display:flex;flex-direction:column}.newsletter-section label{font-size:1.2rem;margin-bottom:10px}.newsletter-section input{background-color:#fff;border:2px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:20px;max-width:400px;padding:12px;width:80%}.newsletter-section input:focus{border-color:#09f;outline:none}.subscribe-btn{background-color:#09f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}.subscribe-btn:hover{background-color:#0d1092;transform:translateY(-2px)}.response-text{color:#4caf50;font-size:1rem;margin-top:20px}footer{background:#333;color:#fff;padding:1rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}footer p{font-size:1.2rem;margin:0}footer a{color:coral;font-size:1.2rem;text-decoration:none}footer a:hover{color:#ff4500}.social-links{display:flex}.social-links a{color:coral;display:inline-block;font-size:2rem;margin:0 .5rem;transition:transform .3s ease,color .3s ease}.social-links a.facebook:hover{color:#3b5998;transition:color .3s ease}.social-links a.linkedin:hover{color:#0077b5;transition:color .3s ease}.social-links a.github:hover{color:#000;transition:color .3s ease}.social-links a.whatsapp:hover{color:#128c7e;transition:color .3s ease}.about-section,.portfolio-section,.services-section{padding:3rem 0;text-align:center}.about-section h2,.portfolio-section h2,.services-section h2{color:#002d5b;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;line-height:1.3em;margin-bottom:2rem}.about-section p,.services-section p{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.social-links{justify-content:center;margin-top:10px}.social-links a{margin-bottom:10px}.newsletter-section .container,.services-section .cards{padding:0}.hero h1{font-size:3rem}.hero .container h1{font-size:1.8rem}.hero .container p{font-size:1.1rem}.title-desc{font-size:.9rem}}@media (max-width:480px){.hero .container h1{font-size:1.5rem}.hero .container p{font-size:1rem}.animated-text{font-size:1.25rem}.title-desc{font-size:.8rem}}
/*# sourceMappingURL=main.1ea8452d.css.map*/