@media (min-width:1024px){.carousel-section{max-width:80rem;margin:0 auto 100px;padding:1.5rem;position:relative}.carousel-container{overflow:hidden}.carousel-wrapper{display:flex}.carousel-item{flex:0 0 33.333%;padding:1rem}.carousel-card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:relative;overflow:hidden}.carousel-card:hover{box-shadow:0 0 25px hsl(var(--primary)/.4);transform:scale(1.05)}.carousel-title{text-align:center;margin:1.25rem 0;font-size:1.5rem;font-weight:700}.carousel-image{object-fit:cover;width:100%;height:14rem;box-shadow:0 4px 6px #0000001a}.carousel-overlay{background:var(--card);background-color:rgba(var(--card),.8);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.carousel-card:hover .carousel-overlay{opacity:1;background-color:var(--card)}.carousel-description{color:#fff;text-align:center;margin-bottom:1rem}.carousel-tech-container{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.carousel-tech-img{width:2rem;height:2rem;margin-bottom:1.25rem}.carousel-footer{background:var(--card);z-index:10;width:100%;margin-top:auto;padding:1rem;position:relative}.carousel-repo-container{justify-content:center;align-items:center;gap:1.25rem;display:flex}.carousel-repo-link{justify-content:center;align-items:center;display:flex}.carousel-repo-img{cursor:pointer;height:2rem;transition:transform .2s}.carousel-repo-img:hover{transform:scale(1.25)}.carousel-nav-btn{opacity:.2;cursor:pointer;color:#000;background:#fff;border-radius:9999px;padding:.5rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.carousel-nav-btn:hover{opacity:1;color:#000;background:#fff}.carousel-nav-btn-prev{left:-2.5rem}.carousel-nav-btn-next{right:-2.5rem}.carousel-nav-btn svg{width:1.25rem;height:1.25rem}}@media (max-width:768px){.carousel-section{max-width:100%;margin:0 auto;padding:1rem;position:relative}.carousel-container{overflow:hidden}.carousel-wrapper{display:flex}.carousel-item{flex:0 0 100%;justify-content:center;padding:.75rem;display:flex}.carousel-card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:28rem;transition:transform .3s;display:flex;position:relative;overflow:hidden}.carousel-card:hover{box-shadow:0 0 15px hsl(var(--primary)/.3);transform:scale(1.02)}.carousel-title{text-align:center;margin:.75rem 0;font-size:1.125rem;font-weight:700}.carousel-image{object-fit:cover;width:100%;height:12rem;box-shadow:0 2px 4px #0000001a}.carousel-overlay{background:var(--card);background-color:rgba(var(--card),.85);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.carousel-card:hover .carousel-overlay{opacity:1;background-color:var(--card)}.carousel-description{color:#fff;text-align:center;margin-bottom:.75rem;font-size:.875rem}.carousel-tech-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.carousel-tech-img{width:1.75rem;height:1.75rem;margin-bottom:.75rem}.carousel-footer{background:var(--card);z-index:10;width:100%;margin-top:auto;padding:.75rem;position:relative}.carousel-repo-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.carousel-repo-container p{font-size:.875rem}.carousel-repo-link{justify-content:center;align-items:center;display:flex}.carousel-repo-img{cursor:pointer;height:1.75rem;transition:transform .2s}.carousel-repo-img:hover{transform:scale(1.15)}.carousel-nav-btn{cursor:pointer;color:#fff;background:#242424;border-radius:9999px;padding:.375rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0000001a}.carousel-nav-btn:hover{opacity:1;color:#000;background:#fff}.carousel-nav-btn-prev{left:.5rem}.carousel-nav-btn-next{right:.5rem}.carousel-nav-btn svg{width:1rem;height:1rem}}@media (max-width:480px){.carousel-section{padding:.75rem .5rem}.carousel-item{padding:.5rem}.carousel-title{margin:.75rem 0;font-size:1.125rem}.carousel-image{height:10rem}.carousel-overlay{padding:.5rem}.carousel-description{font-size:.8rem}.carousel-footer{padding:.5rem}}
.timeline-container{color:#fff;width:100%;margin-top:4rem}.timeline-max-width{max-width:56rem;margin:0 auto;padding:0 1rem;position:relative}.timeline-line{background-color:#ffffff4d;width:.3rem;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-space{flex-direction:column;gap:5rem;display:flex}.timeline-item{opacity:0;align-items:flex-start;gap:1.5rem;transition:all .8s;display:flex;transform:translateY(40px)}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-left{text-align:left;flex-direction:row-reverse}.timeline-right{text-align:right;flex-direction:row}.timeline-content,.timeline-spacer{width:50%}.timeline-year{font-size:1.25rem;font-weight:700}.timeline-title{margin-top:.5rem;font-size:1.125rem;font-weight:600}.timeline-description{color:#d1d5db;margin-top:.5rem;font-size:.9rem}.timeline-work{color:#d1d5db;margin-top:.25rem;font-size:1rem;font-weight:700}.timeline-icon-wrapper{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.timeline-icon{background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:700;display:flex;box-shadow:0 10px 25px #00000026}.timeline-icon-img{width:2rem;height:2rem}@media (max-width:768px){.timeline-space{gap:3rem}.timeline-year{font-size:1rem}.timeline-title,.timeline-description{font-size:.8rem}.timeline-work{font-size:.9rem}.timeline-icon{width:2.5rem;height:2.5rem}.timeline-icon-img{width:1.5rem;height:1.3rem}}@media (max-width:480px){.timeline-content{width:45%}.timeline-icon{width:2rem;height:2rem}}
.main-title-bg{color:#fff;opacity:.2;pointer-events:none;text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.main-section{text-align:center;width:100%;max-width:100%;margin:2rem 0;padding:0 1rem}.main-text{color:#fff;font-size:1rem;line-height:1.6}.skills-section{text-align:center;width:50%;max-width:100%;margin:0 auto}.skills-grid{grid-template-columns:repeat(3,1fr);place-items:center;gap:10px;margin-top:2rem;margin-bottom:6rem;display:grid}.projects-section{text-align:center;width:100%}@media (max-width:480px){.main-title-bg{font-size:2rem}.main-section{margin:1.5rem 0;padding:0 .75rem}.main-text{font-size:.9rem}}@media (min-width:1024px){.main-title-bg{font-size:7rem}.main-section{max-width:80rem;margin:5rem auto;padding:0 2rem}.main-text{font-size:2rem;line-height:1.8}.skills-section{width:80%;max-width:80rem;margin:0 auto}}
.hero-card{width:250px;height:250px}.hero-section{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:auto;padding:2rem 1rem;display:flex;position:relative}.hero-backdrop{color:#6b7280;text-transform:uppercase;opacity:.08;pointer-events:none;white-space:nowrap;font-size:2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.hero-title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:1.2}.hero-social{justify-content:center;gap:1.5rem;display:flex}.hero-social-icon,.hero-social-svg{color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:transform .2s}.hero-social-icon:hover,.hero-social-svg:hover{transform:scale(1.15)}@media (max-width:480px){.hero-section{gap:1.5rem;padding:1.5rem .75rem}.hero-backdrop{font-size:1.5rem;top:-8rem}.hero-title{margin-bottom:1rem;font-size:1.5rem}.hero-social{gap:1rem}.hero-social-icon,.hero-social-svg{width:2rem;height:2rem}}@media (min-width:768px){.hero-title{font-size:3rem}.hero-card{width:350px;height:400px}}@media (min-width:1024px){.hero-card{width:550px;height:550px}.hero-section{text-align:left;flex-direction:row;justify-content:space-around;align-items:center;gap:0;height:100vh}.hero-backdrop{opacity:.25;font-size:5.5rem;top:44%;left:3%;transform:translate(-50%,-50%)rotate(-90deg)}.hero-content{align-items:flex-start;min-width:650px;max-width:650px}.hero-title{margin-bottom:1rem;font-size:5rem}.hero-social{justify-content:flex-start}.hero-social-icon,.hero-social-svg{width:3.75rem;height:3.75rem}.hero-social-icon:hover,.hero-social-svg:hover{transform:scale(1.25)}}