.hero__card{overflow:hidden;border-radius:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.hero__card{border-radius:1rem}}.hero__card{backdrop-filter:blur(20px)}[data-theme=dark] .hero__card{background:color-mix(in srgb,#ffffff 3%,transparent);border:1.5px solid color-mix(in srgb,#ffffff 20%,transparent);box-shadow:0 10px 30px color-mix(in srgb,#ffffff 10%,transparent)}[data-theme=light] .hero__card{background:color-mix(in srgb,#373737 3%,transparent);border:1.5px solid color-mix(in srgb,#373737 20%,transparent);box-shadow:0 10px 30px color-mix(in srgb,#373737 10%,transparent)}@media (min-width:768px){[data-theme=dark] .hero__card{box-shadow:0 20px 60px color-mix(in srgb,#ffffff 15%,transparent)}[data-theme=light] .hero__card{box-shadow:0 20px 60px color-mix(in srgb,#373737 15%,transparent)}}.hero__card:hover{border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);box-shadow:0 30px 80px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.hero__header{display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;padding:.5rem .75rem}@media (min-width:768px){.hero__header{padding:.625rem 1rem}}[data-theme=dark] .hero__header{background:color-mix(in srgb,#ffffff 2%,transparent);border-color:color-mix(in srgb,#ffffff 15%,transparent)}[data-theme=light] .hero__header{background:color-mix(in srgb,#373737 2%,transparent);border-color:color-mix(in srgb,#373737 15%,transparent)}.hero__window-controls{display:flex;align-items:center;gap:.375rem}.hero__dot{height:.625rem;width:.625rem;border-radius:9999px}@media (min-width:768px){.hero__dot{height:.75rem;width:.75rem}}.hero__dot--red{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hero__dot--yellow{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hero__dot--green{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hero__filename{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}@media (min-width:768px){.hero__filename{font-size:.75rem;line-height:1rem}}.hero__filename{letter-spacing:.1em}[data-theme=dark] .hero__filename{color:rgba(255,255,255,.5)}[data-theme=light] .hero__filename{color:rgba(55,55,55,.5)}.hero__code{padding:.75rem;font-family:var(--font-mono);font-size:11px}@media (min-width:768px){.hero__code{padding:1.5rem 1.25rem;font-size:.875rem;line-height:1.25rem}}.hero__code{line-height:1.6}[data-theme=dark] .hero__code{color:#abb2bf}[data-theme=light] .hero__code{color:#383a42}@media (min-width:768px){.hero__code{line-height:1.8}}.hero__line{margin-bottom:.125rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (min-width:768px){.hero__line{margin-bottom:.375rem;gap:1rem}}.hero__line:hover{background:color-mix(in srgb,var(--color-secondary) 5%,transparent);margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:768px){.hero__line:hover{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}}.hero__line--empty{margin-bottom:.25rem}@media (min-width:768px){.hero__line--empty{margin-bottom:.625rem}}.hero__line-number{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;font-size:10px}@media (min-width:768px){.hero__line-number{font-size:.75rem;line-height:1rem}}.hero__line-number{min-width:1rem}[data-theme=dark] .hero__line-number{color:rgba(255,255,255,.3)}[data-theme=light] .hero__line-number{color:rgba(55,55,55,.3)}@media (min-width:768px){.hero__line-number{min-width:1.5rem}}.hero__indent{display:inline-block;width:1ch}@media (min-width:768px){.hero__indent{width:2ch}}.hero__indent--2{width:2ch}@media (min-width:768px){.hero__indent--2{width:4ch}}[data-theme=dark] .hero__keyword{font-weight:600;color:#c678dd}[data-theme=dark] .hero__class-name{color:#e5c07b}[data-theme=dark] .hero__property{color:#e06c75}[data-theme=dark] .hero__string{color:#98c379}[data-theme=dark] .hero__number{color:#d19a66}[data-theme=dark] .hero__method{color:#61afef}[data-theme=dark] .hero__bracket{opacity:.7}[data-theme=dark] .hero__this{font-style:italic;color:#c678dd}[data-theme=light] .hero__keyword{font-weight:600;color:#a626a4}[data-theme=light] .hero__class-name{color:#c18401}[data-theme=light] .hero__property{color:#e45649}[data-theme=light] .hero__string{color:#50a14f}[data-theme=light] .hero__number{color:#986801}[data-theme=light] .hero__method{color:#4078f2}[data-theme=light] .hero__bracket{opacity:.7}[data-theme=light] .hero__this{font-style:italic;color:#a626a4}.hero__socials{display:flex;align-items:center;gap:.5rem;padding:0 .75rem .75rem}@media (min-width:768px){.hero__socials{gap:1rem;padding:.25rem 1.25rem 1.25rem}}.hero__social-link{position:relative;border-radius:.5rem;padding:.375rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.hero__social-link{padding:.5rem}}.hero__social-link{transform:translateY(0)}.hero__social-link:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translateY(-3px);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.hero__social-link svg{height:1.25rem;width:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:768px){.hero__social-link svg{height:1.25rem;width:1.25rem}}.hero__social-link:hover svg path{fill:var(--color-secondary)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__card{animation:fade-in-up .6s ease-out}.experience__container{position:relative;margin-left:auto;margin-right:auto;max-width:64rem}.experience__wrapper{position:relative;margin-bottom:2.5rem;display:grid;gap:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.experience__wrapper{margin-bottom:1.75rem;margin-top:-60px;gap:2.5rem}.experience__wrapper:first-child{margin-top:0}}.experience__wrapper{grid-template-columns:auto 1fr}@media (min-width:768px){.experience__wrapper{grid-template-columns:1fr auto 1fr}}.experience__wrapper:last-child{margin-bottom:0}.experience__content-side{display:flex;align-items:flex-start}@media (max-width:767px){.experience__content-side--left{display:none}.experience__content-side--right{display:flex;justify-content:flex-start}}@media (min-width:768px){.experience__wrapper--left .experience__content-side--left{display:flex;justify-content:flex-end}.experience__wrapper--left .experience__content-side--right .experience__card{display:none}.experience__wrapper--right .experience__content-side--left .experience__card{display:none}.experience__wrapper--right .experience__content-side--right{display:flex;justify-content:flex-start}}.experience__card{position:relative;width:100%;overflow:hidden;border-radius:.75rem;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.experience__card{border-radius:1rem;padding:1.5rem}}@media (min-width:1024px){.experience__card{padding:2rem}}.experience__card{max-width:100%;background:color-mix(in srgb,var(--color-primary) 2%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 15%,transparent);backdrop-filter:blur(10px)}@media (min-width:768px){.experience__card{max-width:28rem}}.experience__card:before{content:"";position:absolute;top:0;left:0;height:.25rem;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;background:linear-gradient(90deg,color-mix(in srgb,var(--color-secondary) 0%,transparent),color-mix(in srgb,var(--color-secondary) 60%,transparent),color-mix(in srgb,var(--color-secondary) 0%,transparent))}.experience__card:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--color-primary) 12%,transparent),0 0 0 1px color-mix(in srgb,var(--color-secondary) 10%,transparent) inset;transform:translateY(-4px) scale(1.01)}.experience__card:hover:before{background:linear-gradient(90deg,color-mix(in srgb,var(--color-secondary) 40%,transparent),color-mix(in srgb,var(--color-secondary) 80%,transparent),color-mix(in srgb,var(--color-secondary) 40%,transparent))}.experience__badge{display:flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary);border:1px solid color-mix(in srgb,var(--color-secondary) 30%,transparent)}.experience__badge-dot{position:relative;height:.5rem;width:.5rem;border-radius:9999px;background:var(--color-secondary);animation:pulse-dot 2s ease-in-out infinite}.experience__roles{margin-bottom:1.5rem;border-bottom-width:1px;padding-bottom:1.5rem;border-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.experience__role{position:relative;display:flex;align-items:flex-start;gap:.75rem}.experience__role-indicator{margin-top:.375rem;height:.5rem;width:.5rem;flex-shrink:0;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.experience__card:hover .experience__role-indicator{background:var(--color-secondary);box-shadow:0 0 8px color-mix(in srgb,var(--color-secondary) 60%,transparent)}.experience__timeline-center{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:.25rem}@media (min-width:768px){.experience__timeline-center{padding-top:0}}.experience__dot{position:relative;height:.75rem;width:.75rem;flex-shrink:0;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.experience__dot{height:1rem;width:1rem}}.experience__dot{background:color-mix(in srgb,var(--color-primary) 40%,transparent);border:2px solid color-mix(in srgb,var(--color-primary) 60%,transparent)}.experience__dot--active{border-color:var(--color-secondary);background-color:var(--color-secondary);box-shadow:0 0 20px color-mix(in srgb,var(--color-secondary) 60%,transparent),0 0 40px color-mix(in srgb,var(--color-secondary) 30%,transparent)}.experience__dot--active,.experience__wrapper:hover .experience__dot:not(.experience__dot--active){--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.experience__wrapper:hover .experience__dot:not(.experience__dot--active){background:color-mix(in srgb,var(--color-primary) 60%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.experience__dot-pulse{position:absolute;inset:0;border-radius:9999px;background:var(--color-secondary);animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.experience__dot-ring{position:absolute;inset:-.5rem;border-radius:9999px;border-width:2px;border-color:var(--color-secondary);animation:ping-slow 3s cubic-bezier(0,0,.2,1) infinite}.experience__line-center{position:absolute;top:1rem;height:100%;width:.125rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.experience__line-center{top:1.25rem;height:calc(100% - 60px)}}.experience__line-center{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 30%,transparent) 0,color-mix(in srgb,var(--color-primary) 15%,transparent) 50%,color-mix(in srgb,var(--color-primary) 30%,transparent) 100%)}.experience__wrapper:hover .experience__line-center{background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 40%,transparent) 0,color-mix(in srgb,var(--color-secondary) 20%,transparent) 50%,color-mix(in srgb,var(--color-secondary) 40%,transparent) 100%)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}@keyframes ping-slow{0%{opacity:.8;transform:scale(.95)}50%{opacity:.4}to{opacity:0;transform:scale(1.2)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out}.expertise__container{display:flex;flex-direction:column}.expertise__category{position:relative;margin-bottom:3rem}.expertise__category:last-child{margin-bottom:0}.expertise__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}@media (min-width:768px){.expertise__grid{gap:1.5rem}}@media (min-width:1024px){.expertise__grid{gap:2rem}}.expertise__grid{margin-left:auto;margin-right:auto}.expertise__item{position:relative;border-radius:.75rem;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.expertise__item{border-radius:1rem;padding:1.25rem}}.expertise__item{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-primary) 2%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 10%,transparent);backdrop-filter:blur(10px);animation:fade-in-scale .5s ease-out backwards}.expertise__item:first-child{animation-delay:.05s}.expertise__item:nth-child(2){animation-delay:.1s}.expertise__item:nth-child(3){animation-delay:.15s}.expertise__item:nth-child(4){animation-delay:.2s}.expertise__item:nth-child(5){animation-delay:.25s}.expertise__item:nth-child(6){animation-delay:.3s}.expertise__item:nth-child(7){animation-delay:.35s}.expertise__item:nth-child(8){animation-delay:.4s}.expertise__item:nth-child(9){animation-delay:.45s}.expertise__item:before{content:"";position:absolute;inset:0;border-radius:.75rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:768px){.expertise__item:before{border-radius:1rem}}.expertise__item:before{background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent))}.expertise__item:hover{--tw-translate-y:-0.5rem;--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--color-secondary) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--color-secondary) 20%,transparent) inset}.expertise__item:hover:before{opacity:1}.expertise__icon{position:relative;z-index:10;height:2.5rem;width:2.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:768px){.expertise__icon{height:3rem;width:3rem}}.expertise__item:hover .expertise__icon path{fill:var(--color-secondary);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-secondary) 40%,transparent))}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}