body,html{margin:0;padding:0;overflow-x:hidden}body{font-family:Avenir,sans-serif}p{font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:600}:root{--primary:#004cff;--primary-dark:#003bbf;--black:#000;--white:#fff;--beige:#e6dace;--light-beige:#f4ece6;--gray:#f1f1f1;--gray88:#e0e0e0;--medium-gray:grey;--dark-gray:#666}.blue-square{width:15px;height:15px;background-color:var(--primary);margin-bottom:10px}.section-heading{display:flex;align-items:center;justify-content:center;gap:7px}.navbar{min-height:70px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:var(--white);border-bottom:2px solid #f0f0f0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background-color:#fff;box-shadow:0 6px 8px rgba(0,0,0,.15);border-bottom-color:transparent}.navbar-brand h5{color:var(--primary);margin-bottom:0}.nav-link{color:#000;margin:0 .5rem;font-size:13px;transition:color .3s ease;font-weight:500}.nav-link:hover,.navbar-toggler{color:var(--primary)}.navbar-toggler{border:1px solid var(--primary)}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--primary)}.aboutMe{padding:9rem 2rem 3rem}.aboutMeInfo{max-width:600px;margin:0 auto}.greeting{font-size:1.5rem;color:#000}.name{font-size:3rem}.name,.title{color:var(--primary)}.title{font-size:1.4rem;margin-top:.5rem}.description{font-size:1.1rem;margin-top:1.5rem;color:#333;line-height:1.6}.description span{color:var(--primary);font-weight:500}.blueLine{border:1.5px solid var(--primary);width:4rem;opacity:1;margin-left:4.7rem}.aboutMe-buttons{margin-top:2rem;display:flex;gap:1.5rem}.primaryBtn,.secondaryBtn{border-radius:17px;font-size:15px;font-weight:600;padding:.8rem 2.1rem;cursor:pointer;transition:background-color .4s ease-in-out,color .4s ease-in-out,transform .2s ease}.primaryBtn{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.primaryBtn:hover{background-color:var(--primary-dark)}.secondaryBtn{background-color:#fff;color:#000;border:1px solid #000}.secondaryBtn:hover{background-color:var(--gray)}.aboutMeImage{max-width:450px;width:100%;height:auto}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease-in,transform 1s ease-in}.fade-in.visible{opacity:1;transform:translateY(0)}.experience{padding:6rem 0;background-color:var(--gray)}.experience .experience-heading{text-align:center;margin-bottom:3rem}.experience h1{color:var(--black);margin:0}.section-subtitle{color:var(--primary)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;width:4px;background:var(--primary);left:50%;transform:translateX(-50%);height:var(--timeline-height,100%)}.timeline-item{padding:30px 40px 35px;position:relative;width:50%;opacity:0;transition:opacity .5s ease,transform .5s ease}.timeline-item.visible{opacity:1}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-icon{width:65px;height:65px;background:var(--white);display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:-32px;z-index:1}.timeline-icon,.timeline-icon img{border-radius:50%}.timeline-item:nth-child(2n) .timeline-icon{left:-32px}.timeline-content{background:#fff;padding:20px;border-radius:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{box-shadow:0 8px 36px rgba(0,76,255,.18)}.timeline-content h4{font-size:1.25rem;color:var(--black);margin-bottom:.5rem}.experience-place{color:var(--primary);font-weight:600;margin-bottom:.5rem}.timeline-content .description{margin:.8rem 0;line-height:1.6;color:var(--black)}.timeline-content .date{font-size:.9rem;color:var(--black);font-weight:500}@media (max-width:768px){.timeline:before{left:32px}.timeline-item{padding-left:70px;width:100%}.timeline-item,.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){text-align:left;left:0}.timeline-icon{left:0;transform:translateX(0);top:0;right:auto}.timeline-item:nth-child(2n) .timeline-icon,.timeline-item:nth-child(odd) .timeline-icon{left:0}.timeline-content{margin-top:0;margin-left:0;text-align:left;width:100%}}.skillsSection{padding:9rem 0;max-width:1000px}.skillsGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.skillWrapper{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 2rem);max-width:calc(25% - 2rem);text-align:center;opacity:0;transform:scale(.9);transition:all .5s ease-in-out;margin:15px 0}.skillWrapper img{background-color:var(--gray);padding:20px;border-radius:30px;transition:transform .4s ease-in-out}.skillWrapper:hover{cursor:pointer}.skillWrapper:hover .skillName{color:var(--primary)}.skillWrapper:hover img{transform:translateY(-18px)}.skillName{font-weight:700;margin-top:20px}.skillLevel{font-size:.85rem;color:var(--medium-gray)}.skill-visible{opacity:1;transform:scale(1)}@media (max-width:1150px){.skillWrapper{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 2rem);max-width:calc(25% - 2rem)}}@media (max-width:768px){.skillWrapper{flex-grow:1;flex-shrink:1;flex-basis:calc(33.33%- 2rem);max-width:calc(33.33% - 2rem)}}@media (max-width:576px){.skillWrapper{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 2rem);max-width:calc(50% - 2rem)}}.projectsSection{background-color:var(--gray);padding:50px 0}.carousel-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:0 15px}.carousel-button{position:absolute;top:60%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:10;padding:10px;display:flex;align-items:center;justify-content:center;opacity:1}.carousel-button.prev{left:-90px}.carousel-button.next{right:-90px}.carousel-button img{width:55px;height:55px}.carousel-button.disabled{opacity:.4;cursor:not-allowed}.projectsCard{width:100%;height:460px;background-color:var(--white);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;transition:border-color .3s ease}.projectsCard:hover{border-color:#b0b0fa}.projectsCard .card-body{padding:0 15px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.projectsCard .card-type{color:var(--dark-gray);margin:20px 0 10px;font-size:.85rem}.projectsCard .card-text{color:var(--dark-gray);line-height:1.4}.projects-icons{margin-right:8px}.projectsCard a{text-decoration:none;color:inherit;transition:color .3s ease}.projectsCard a:hover{color:var(--primary)}.projectsCard .projects-icons{transition:transform .5s ease}.projectsCard .cardArrow:hover .projects-icons{transform:translateX(8px)}.projectsCard .card-img-top{transition:transform .5s ease,filter .5s ease;cursor:pointer;width:100%;height:auto;object-fit:cover;border-bottom:1px solid var(--beige)}.cta{text-align:center;margin-bottom:1rem}.project-card-hidden{opacity:0;transform:translateY(60px);will-change:opacity,transform}.project-card-hidden,.project-card-visible{transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.project-card-visible{opacity:1;transform:translateY(0)}.services-wrapper{padding:9rem 0}.servicesSection{padding:2rem 0}.serviceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.serviceItem{background-color:var(--white);padding:2rem;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.serviceItem:hover{box-shadow:0 8px 36px rgba(0,76,255,.18);transform:translateY(-5px)}.serviceIcon{margin-bottom:1.5rem}.serviceIcon img{transition:transform .34s cubic-bezier(.22,1,.36,1),filter .34s ease;will-change:transform}.serviceItem:focus-within .serviceIcon img,.serviceItem:hover .serviceIcon img{transform:scale(1.1)}.serviceItem h4{color:var(--primary);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.serviceItem p{color:var(--black);line-height:1.6;font-size:1rem}.contactPage{padding-top:9rem;padding-bottom:6rem;background-color:var(--white)}.contactFormContainer{background-color:var(--white);padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:500px;margin:0 auto}.contactForm label{color:var(--primary);font-size:14px;font-weight:500;margin-bottom:8px;display:block}.contactForm input,.contactForm textarea{width:100%;padding:12px;border:1px solid var(--gray88);border-radius:8px;font-size:16px;color:var(--black);background-color:var(--white);transition:border-color .3s ease,box-shadow .3s ease}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#999}.contactForm input:focus,.contactForm textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.contactForm textarea{height:150px;resize:vertical}.contactForm .text-danger{margin-top:5px;font-size:14px;color:#dc3545}.status-message{margin-top:1rem;font-size:14px;text-align:center;padding:10px;border-radius:8px}.status-message.text-success{color:#28a745;background-color:rgba(40,167,69,.1)}.status-message.text-danger{color:#dc3545;background-color:rgba(220,53,69,.1)}.contactFormContainer{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.contactFormContainer.form-visible{opacity:1;transform:translateY(0)}.contactFormContainer.form-hidden{opacity:0;transform:translateY(50px)}.testimonials{padding:11rem 1rem 4rem}.testimonials-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.testimonial{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translate3d(0,24px,0);will-change:transform,box-shadow,opacity;transition:opacity .8s ease,transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0}.testimonial.show{opacity:1;transform:translateZ(0)}.testimonial.hovered,.testimonial:hover{box-shadow:0 8px 36px rgba(0,76,255,.18)}.testimonial p{line-height:1.6}.testimonial h6{margin-top:.5rem}.testimonial h6 span:first-child{font-size:1.1rem;font-weight:700;color:var(--primary)}.testimonial h6 span:last-child{font-size:.85rem;font-weight:400;color:var(--medium-gray);margin-left:.8rem}.testimonial-img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid var(--primary);transition:transform .38s cubic-bezier(.22,1,.36,1)}.testimonial.hovered .testimonial-img{transform:scale(1.08)}.footer{background-color:var(--gray);padding:1.5rem 0;color:var(--black);text-align:center}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem}.footer-section{min-width:200px}.footer-section p{margin:5px 0}.footer-section a{text-decoration:none;color:var(--black);transition:color .3s ease}.footer-section a:hover{color:var(--primary-dark)}.social-links{display:flex;gap:15px;justify-content:center;align-items:center}.social-links img{transition:transform .3s ease}.social-links img:hover{transform:scale(1.1)}.theCreator{background:linear-gradient(90deg,#004cff,#00d4ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}@media (max-width:425px){.aboutMePage .name{font-size:2.5rem}.primaryBtn,.secondaryBtn{padding:.6rem 1.1rem}.carousel-wrapper{max-width:300px}.carousel-button.prev{left:-45px}.carousel-button.next{right:-45px}.carousel-button img{width:45px;height:45px}.testimonials-grid{grid-template-columns:1fr}.footer-content{gap:2.5rem}}@media (min-width:426px) and (max-width:500px){.carousel-wrapper{max-width:340px}.carousel-button.prev{left:-50px}.carousel-button.next{right:-50px}.carousel-button img{width:50px;height:50px}.testimonials-grid{grid-template-columns:1fr}}@media (min-width:500px) and (max-width:700px){.carousel-wrapper{max-width:400px}.carousel-button.prev{left:-55px}.carousel-button.next{right:-55px}.testimonials-grid{grid-template-columns:1fr}}@media (min-width:700px) and (max-width:992px){.carousel-wrapper{max-width:470px}.carousel-button.prev{left:-80px}.carousel-button.next{right:-80px}.projectsCard{height:500px}.testimonials-grid{grid-template-columns:2fr}}@media (max-width:991px){.nav-link{padding:1.2rem;font-size:1rem;text-align:center}.navbar-collapse ul{padding-top:2rem}.aboutMeImage{margin:0 auto;padding-top:1rem}.experience .description{width:90%}.experience .slide-in-right{margin-top:4rem}}@media (max-width:992px){.navbar{position:relative}}@media (min-width:992px) and (max-width:1200px){.aboutMeContent{display:flex;justify-content:center}.carousel-wrapper{max-width:850px}.carousel-button.prev{left:-75px}.carousel-button.next{right:-75px}}@media (min-width:1200px) and (max-width:1300px){.carousel-wrapper{max-width:1000px}}