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)}}#root,body,html{min-height:100%}body{box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,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{background:#0000;border:2px solid #fff;border-radius:6px;box-shadow:0 0 4px #4f6ef7;color:#fff;display:inline-block;flex:0 1 auto;font-weight:700;padding:4px 10px;transition:box-shadow .3s ease}header .logo:hover{box-shadow:0 0 10px #00c6ff,0 0 16px #00c6ff}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}.header-right{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.btn{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:.7rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;z-index:1000}.hamburger span{background:#fff;border-radius:2px;height:3px;transition:all .4s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translateY(8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.hire-me-btn{background-color:coral}.hire-me-btn:hover{background-color:#ff4500}.hero{align-items:center;background:linear-gradient(90deg,#ffeb3b,#00c6ff);display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.animated-text{-webkit-text-fill-color:#0000;animation:gradientMove 5s ease infinite;background:linear-gradient(90deg,#0d191a,#4f46e5,#000);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2rem;font-weight:600;letter-spacing:1px;margin-top:12px;text-shadow:0 4px 15px #4f46e580;text-transform:none;transform:scale(1.05);transition:transform .4s ease,text-shadow .4s ease}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.fade-in{animation:fadeIn 1s ease forwards;opacity:0}.fade-in-delay{animation:fadeIn 1.3s ease .3s forwards;opacity:0}.fade-in-delay2{animation:fadeIn 1.5s ease .6s forwards;opacity:0}@keyframes fadeIn{to{opacity:1;transform:none}0%{opacity:0;transform:translateY(10px)}}.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}.title-desc,.title-head{color:#000;font-size:1.2em}.about-section{background:radial-gradient(circle at 20% 30%,#4f46e5 0,#0000 40%),radial-gradient(circle at 80% 70%,#14b8a6 0,#0000 40%),linear-gradient(135deg,#335285,#334155);color:#f8fafc}.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:Segoe UI,Tahoma,Geneva,Verdana,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{background:linear-gradient(135deg,#5b6ef5,#6b48b4,#4bb8a9);padding:1px 20px}.portfolio-section-page h2{color:#fff;font-size:3em;font-weight:600;text-align:center;text-shadow:1px 1px 3px #0000004d}.portfolio-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-bottom:10px}.container .portfolio-cards .portfolio-card{flex:1 1 280px;max-width:280px}.portfolio-card{background-color:rgba(58,5,63,.438);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:#facc15;font-size:1.5em;margin:10px 15px 5px}.portfolio-card p{color:#e2e8f0;flex-grow:1;font-size:1em;line-height:1.6;margin:0 15px 15px}.portfolio-link{align-self:center;background:coral;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:#ff4500;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{margin-bottom:10px}.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}.contact-form input:-webkit-autofill,.contact-form textarea:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contact-form input,.contact-form textarea{background-color:initial!important;caret-color:#fff;color:#fff}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff0d;border-bottom:2px solid #6a11cb;outline:none}#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:Segoe UI,Tahoma,Geneva,Verdana,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}.experience-section{background:linear-gradient(135deg,#5b6ef5,#6b48b4,#4bb8a9);color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:1px 20px}.experience-container{margin:0 auto;max-width:1000px}.experience-heading{color:#fff;font-size:2.5em;font-weight:600;margin:40px;text-align:center;text-shadow:1px 1px 3px #0000004d}.experience-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000073;border-left:5px solid #6366f1;border-radius:16px;box-shadow:0 4px 12px #00000040;margin-bottom:24px;padding:24px}.experience-role{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.experience-company{color:#facc15;font-size:16px;font-weight:600}.experience-period{color:#a5b4fc;font-size:14px;font-weight:500;margin-bottom:10px}.experience-list{color:#e2e8f0;line-height:1.6;margin:0;padding-left:18px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}footer{background:#333;color:#fff;margin-top:auto;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.twitter:hover{color:#000;transition: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:#fff;font-size:2.5rem;font-weight:600;line-height:1.3em;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 3px #0000004d}.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{display:grid;grid-template-columns:repeat(3,0fr);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}}@media (max-width:768px){.hamburger{display:flex}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}nav{background:#000000e6;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:65px;transition:max-height .4s ease}nav.open{max-height:400px}.menu{flex-direction:column;gap:15px;padding:10px 0;text-align:center}.header-right{display:none}}
/*# sourceMappingURL=main.9546c2e9.css.map*/