*{margin:0;padding:0;box-sizing:border-box}button{padding:12px 15px;background-color:#000;color:#ddd;font-weight:600;font-size:16px;border:none;border-radius:4px;cursor:pointer}button span{font-size:16px!important}.secondary-btn{background-color:#0000;color:#000;border:3px solid black;padding:10px 12px}button:hover{background-color:#4f4f4f;border-color:#4f4f4f;color:#fff}body{font-family:Segoe UI,sans-serif;color:#333;line-height:1.6}h2{font-size:2.5rem;margin-bottom:2rem}h3{font-size:1.5rem;margin-bottom:1rem}section p{color:gray;margin-bottom:20px}header{position:absolute;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center}header .logo img{position:absolute;top:-40px;height:5rem;width:auto}.toggle-btn{display:none;font-size:40px;cursor:pointer;text-align:right}nav{z-index:100}nav a{color:#000;margin-left:1rem;text-decoration:none;font-weight:500}.hero{position:relative;background-image:url(https://img.freepik.com/free-vector/white-abstract-wallpaper_23-2148830028.jpg?ga=GA1.1.1450914104.1747831543&w=740);background-size:cover;box-shadow:0 0 40px 69px inset #fff;padding:13.4rem 5rem;text-align:left;overflow:hidden;color:#000}.hero h1{font-size:3rem}.hero p{font-size:16px;margin-bottom:1rem;width:45%;color:#333}.tech-grid{position:absolute;top:30px;right:50px;bottom:70px;margin-top:4rem;display:flex;flex-direction:column}.tech-icon img{width:40px;height:40px;object-fit:contain;transition:transform .3s ease}.tech-icon img:hover{transform:scale(1.1)}.hero-btns{display:flex;flex-direction:row;gap:18px;flex-wrap:wrap}.projects{background-image:url(https://img.freepik.com/free-vector/white-abstract-wallpaper_23-2148830028.jpg?ga=GA1.1.1450914104.1747831543&w=740);padding:8rem 14rem;box-shadow:0 0 50px 69px inset #fff}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:1.5rem}.project-card{background-color:#f4f4f4;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 0 6px #0000004d;transition:transform .2s ease;max-width:300px}.project-card:hover{transform:translateY(-5px);border:.5px solid black}.project-card img{width:100%;height:160px;object-fit:cover}.project-info{padding:1rem}.project-info h3{font-size:1.2rem;color:#000;margin-bottom:.5rem}.project-info p{font-size:1rem;color:#555}.projects-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.button-load{width:100%;margin:20px 0;display:flex;justify-content:center}.services{max-width:900px;margin:auto;padding:3rem 2rem}.services ul{list-style:none;padding:0}.services li{background:#fafafa;padding:1rem;border-left:4px solid #007bff;margin-bottom:1rem}.vertical-line{width:2px;height:150px;margin-bottom:10px;background-color:#000;border-radius:30px;margin-left:18px}.my-services{max-width:1000px;margin:auto;padding:4rem 2rem;text-align:justify;color:#000}.service-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 6px #0000004d;transition:transform .3s ease}.service-card:hover{transform:translateY(-8px);border:.5px solid black}.service-card span{font-size:50px}.service-card h3{color:#000;margin-bottom:1rem;font-size:1.4rem}.service-card p{color:#000;font-size:1rem;line-height:1.6;text-align:left}.hidden-up{opacity:0;transform:translateY(110px);transition:all .6s ease-out}.reveal-up{opacity:1;transform:translateY(0)}.container{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px}.section{flex:1;min-width:300px}.timeline{position:relative;border-left:4px solid #007bff;padding-left:20px}.entry{position:relative;margin-bottom:30px}.entry:before{content:"";position:absolute;left:-12px;top:0;width:16px;height:16px;background:#fff;border:4px solid #007bff;border-radius:50%}.entry h3{margin:0;font-size:18px;text-transform:uppercase}.entry p{margin:5px 0;font-size:14px;color:#555}.entry ul{margin-top:10px;padding-left:20px}.entry ul li{font-size:14px;margin-bottom:5px}.summary ul{list-style:none;padding-left:0;margin-top:10px}.summary ul li{font-size:14px;color:#555;margin-bottom:5px}.summary .name{font-weight:700;font-size:18px}.italic{font-style:italic}.resume{max-width:1000px;margin:auto;padding:8rem 2rem}.resume h2{margin-bottom:0rem}.heading-resume{margin-bottom:2.3rem}.heading-resume p{margin-top:20px}.resume-container{display:flex;gap:20px;align-items:stretch}.containers{width:100%;display:flex;flex-direction:column}.resume-timeline{display:flex;position:relative;border-left:2px solid rgb(0,0,0);padding:0 1.5rem 1.5rem;flex:1;flex-direction:column}.resume-timeline:before{content:"";position:absolute;top:0;left:-10.5px;width:16px;height:16px;background-color:#fff;border:2px solid rgb(0,0,0);border-radius:50%}.timeline-content ul{padding-left:30px}.timeline-content h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.timeline-content span{font-size:.9rem;color:gray}.timeline-content p{margin-top:.75rem;font-size:.95rem;line-height:1.5}.contact{padding:3rem 190px;background:#f2f2f2;text-align:left}.contact h2{margin:0}.contact-form-container{display:flex;flex-direction:column;padding:0 30px;gap:20px;width:100%}.contact-form-container p{margin:0}.contact h3{font-size:1.2rem;margin-bottom:0}.contact-detail{width:70%;display:flex;flex-direction:column;justify-content:center;gap:50px}.contact-content{display:flex}.contact-container{width:100%;display:flex;gap:20px;padding-left:40%}.contact-flex{display:flex;flex-direction:row;gap:10px;width:100%}.contact-container img{height:32px;width:32px;margin-right:30px;align-self:center}.contact-container div{text-align:left}.contact-map{flex:1;display:flex;align-items:center;justify-content:center}input,select,textarea{width:100%;padding:12px;border:none;border-radius:4px;color:#515151;font-family:Segoe UI,sans-serif;resize:none}form{display:flex;flex-direction:column;gap:20px}.faq-section{padding:8rem 18rem;background-image:url(https://img.freepik.com/free-vector/white-abstract-wallpaper_23-2148830028.jpg?ga=GA1.1.1450914104.1747831543&w=740);box-shadow:0 0 2000px 100px inset #fff;background-size:contain;background-position:bottom}.faq-section h2{text-align:left;margin-bottom:2rem;font-size:2rem}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid #ddd;border-radius:6px;overflow:hidden}.faq-question{width:100%;padding:1rem;text-align:left;font-weight:unset;background:#f5f5f5;border:none;cursor:pointer;outline:none;color:#000;display:flex;justify-content:space-between;align-items:center}.faq-answer{max-height:0px;opacity:0;overflow:hidden;transition:.3s;background:#fff;padding:0 1rem}.faq-item.open .faq-answer{max-height:200px;padding:1rem;opacity:1}.faq-item span{rotate:0deg;transition:.2s}.faq-item.open span{rotate:90deg;transition:.2s}.faq-item p{margin:0;color:#333}.socials-containers{display:flex;flex-direction:column;justify-content:center;align-self:start!important;height:100%;gap:20px}.socials a img{filter:invert(80%)}.socials{height:40px;cursor:pointer;fill:#000}.socials:hover{fill:#4f4f4f}footer{z-index:5;text-align:center;padding:1rem;background-color:#000;color:#fff;position:relative;overflow:hidden;height:fit-content}.footer a{color:#00bfff}.footer-logo{position:absolute;top:8px;left:0;filter:invert(100%)}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:center}.modal{padding:70px auto;position:fixed;top:0;left:0;background-color:#00000058;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{padding:30px;max-width:570px;transform:translateY(-50px);border-radius:8px;background-color:#f2f2f2;box-shadow:0 0 6px #0000004d;width:fit-content;position:relative}.modal-content h2{margin:0}.modal-content .close-btn{position:absolute;top:25px;right:25px;cursor:pointer}.tags{padding:2px 10px;font-size:12px;font-weight:600;border-radius:4px}@media only screen and (max-width: 1200px){.projects,.faq-section,.contact{padding:8rem 42px}.hero{padding:13.4rem 42px}.hero p{width:60%}}@media only screen and (max-width: 800px){.toggle-btn{display:block}nav{position:absolute;bottom:-130px;right:20px;display:none;flex-direction:column;gap:20px;background-color:#fdfdfd;box-shadow:0 0 40px 69px inset #fff;padding:20px}nav a{margin:0 20px}.hero .logo img{left:-42px}.tech-grid{flex-direction:row;top:unset;right:unset;left:42px;bottom:20px}.vertical-line{display:none}.hero{padding:100px 42px}.hero h1{font-size:2.8rem}.hero p{width:100%}.resume-container{flex-wrap:wrap}.contact-content{flex-direction:column!important}.contact-map{margin-top:30px;padding:0 30px}.contact-form-container,.contact-map{padding:0}}.disabled[data-v-63fdbd2b]{opacity:.5;cursor:not-allowed}._toTopButton_1rf2f_2{position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;padding:0!important;border-radius:5px;cursor:pointer;transition:background-color .3s ease;z-index:1000}._arrow_1rf2f_16{font-size:40px!important}