#header{background:var(--light-color);position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 5px #0000001a}#navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{font-size:2rem;font-weight:700;color:var(--accent-color)}#navbar ul{display:flex;gap:2rem}#navbar a{color:var(--text-color);padding:.5rem 1rem;transition:all .3s ease}#navbar a:hover{color:var(--accent-color)}@media (max-width: 768px){#navbar{flex-direction:column;padding:1rem}#navbar ul{margin-top:1rem;flex-wrap:wrap;justify-content:center;gap:1rem}}#showcase{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat center center/cover;color:#fff;padding-top:80px}.showcase-content{max-width:800px;padding:0 20px}.profile-image{width:200px;height:200px;border-radius:50%;margin-bottom:20px;border:5px solid var(--accent-color)}#showcase h1{font-size:3rem;margin-bottom:10px}#showcase p{font-size:1.5rem;margin-bottom:20px}#showcase .btn{margin:0 10px}@media (max-width: 768px){#showcase h1{font-size:2rem}#showcase p{font-size:1.2rem}.profile-image{width:150px;height:150px}}#about{background:var(--light-color)}.about-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.about-info div{background:#fff;padding:2rem;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.about-info div:hover{transform:translateY(-5px)}.about-info h3{color:var(--accent-color);margin-bottom:1rem}@media (max-width: 768px){.about-info{grid-template-columns:1fr}}#skills{background:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skill-card{background:var(--light-color);padding:2rem;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-card h3{color:var(--accent-color);margin-bottom:1rem}.skill-card ul{padding-left:1rem}.skill-card li{margin-bottom:.5rem;position:relative;padding-left:1.5rem}.skill-card li:before{content:"•";color:var(--accent-color);position:absolute;left:0}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}}#experience{background:var(--light-color)}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background:var(--accent-color);top:0;bottom:0;left:50%;margin-left:-3px}.container-timeline{padding:10px 40px;position:relative;background-color:inherit;width:50%}.container-timeline:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:var(--light-color);border:4px solid var(--accent-color);top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--accent-color);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--accent-color)}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--accent-color);border-width:10px 10px 10px 0;border-color:transparent var(--accent-color) transparent transparent}.right:after{left:-16px}.content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px;box-shadow:0 2px 5px #0000001a}.company{color:var(--accent-color);font-weight:700}.date{color:#666;font-style:italic}.tech-env{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}@media screen and (max-width: 768px){.timeline:after{left:31px}.container-timeline{width:100%;padding-left:70px;padding-right:25px}.container-timeline:before{left:60px;border:medium solid var(--accent-color);border-width:10px 10px 10px 0;border-color:transparent var(--accent-color) transparent transparent}.left:after,.right:after{left:15px}.right{left:0%}}#education{background:#fff}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.education-card{background:var(--light-color);padding:2rem;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.education-card:hover{transform:translateY(-5px)}.education-card h3{color:var(--accent-color);margin-bottom:1rem}.institution{font-weight:700;margin-bottom:.5rem}.date{color:#666;font-style:italic;margin-bottom:1rem}@media (max-width: 768px){.education-grid{grid-template-columns:1fr}}#contact{background:var(--light-color)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{background:#fff;padding:2rem;text-align:center;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px)}.contact-card i{font-size:2rem;color:var(--accent-color);margin-bottom:1rem}.contact-card h3{margin-bottom:.5rem}.contact-card a{color:var(--accent-color)}#contactForm{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border-radius:5px;box-shadow:0 2px 5px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.cf-turnstile{margin:1.5rem 0}@media (max-width: 768px){.contact-info{grid-template-columns:1fr}#contactForm{padding:1rem}}#footer{background:var(--dark-color);color:#fff;text-align:center;padding:2rem 0}#footer .container{display:flex;flex-direction:column;align-items:center;gap:1rem}.social{display:flex;gap:1.5rem;margin-bottom:1rem}.social a{color:#fff;font-size:1.5rem;transition:color .3s ease}#footer p{margin:0;font-size:.9rem;opacity:.8}:root{--primary-color: #333;--secondary-color: #f4f4f4;--accent-color: #007bff;--text-color: #333;--light-color: #f4f4f4;--dark-color: #333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:60px 0}h1,h2,h3{margin-bottom:20px}a{text-decoration:none;color:var(--primary-color)}ul{list-style:none}.btn{display:inline-block;padding:10px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn:hover{background:#0056b3}.btn-outline{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background:var(--accent-color);color:#fff}@media (max-width: 768px){.container{padding:0 15px}section{padding:40px 0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}section{transition:all .3s ease}input,textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #ddd;border-radius:5px}textarea{height:150px;resize:vertical}.social a{margin:0 10px;color:var(--primary-color);transition:color .3s ease}.social a:hover{color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}