.anchor{cursor:pointer;position:relative;display:inline-flex;align-items:center;font-family:var(--font-heading)}.anchor:before{content:"";display:inline-block;margin-left:.4em;width:0;height:0;margin-right:.6em;border-top:.35em solid transparent;border-bottom:.35em solid transparent;border-left:.35em solid currentColor;opacity:0;transform:translate(-.25em);transition:opacity .2s ease,transform .2s ease;filter:drop-shadow(0 0 3px var(--color-accent))}.anchor:hover:before{opacity:1;transform:translate(0)}.anchor:hover:before,.anchor.selected:before{opacity:1;transform:translate(0)}.header{position:fixed;top:0;left:0;width:100%;height:8vh;z-index:1000;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:0 2rem;background-color:var(--color-background);background-image:repeating-linear-gradient(#ffffff08,#00000008 2px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-accent-20);font-family:var(--font-heading);transition:all .3s ease}.header__progress{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--color-accent-10);z-index:1001}.header__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent));width:0%;transition:width .1s ease}.header__logo{height:2rem;cursor:pointer;margin-top:4px;margin-right:-2rem}.header__logo path{transition:color .5s ease}.header__logo:hover{color:var(--color-accent)}@media(max-width:768px){.header__logo{height:2rem;margin-top:6px}}.header__toggles{display:flex}.header .nav{display:flex;align-items:center;gap:2rem}@media(max-width:768px){.header .nav{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 1rem;mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;scrollbar-width:none}.header .nav::-webkit-scrollbar{display:none}}.header .nav__link{position:relative;padding:.5rem 1rem .5rem 2rem;border-radius:6px;transition:all .3s ease;text-decoration:none;color:var(--color-text-main)}.header .nav__link:before{content:"";position:absolute;top:50%;left:4px;transform:translate(-8px,-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid;border-right:0 solid transparent;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.header .nav__link:hover:before{opacity:1;transform:translateY(-50%)}.header .nav__link.nav__link--active{font-weight:700}.header .nav__link.nav__link--active:before{opacity:1;transform:translateY(-50%)}.header__lang-toggle{background:transparent;border:1px solid var(--color-accent-30);color:var(--color-text-main);border-radius:8px;padding:.4rem .6rem;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.header__lang-toggle:hover{background:var(--color-accent-10)}@media(max-width:768px){.header__lang-toggle{display:none}}@media(max-width:768px){.header{padding:0 1rem;justify-content:space-between}}.header.header--scrolled{background-color:rgba(var(--color-background-rgb),.95);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000001a}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.animated-background:before{content:"";position:absolute;inset:0;filter:grayscale(100%);background-image:var(--background-image);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;opacity:.5}.animated-background__canvas,.animated-background__gradients,.animated-background__shapes,.animated-background__noise{position:absolute;inset:0;pointer-events:none}.animated-background__gradients>*,.animated-background__shapes>*{mix-blend-mode:overlay}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none}html{scroll-behavior:smooth}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,video,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;border:none;outline:none;background:none}body{line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:400}button{cursor:pointer}.container{width:100%;margin:0 auto}.container--main{width:100%;max-width:100%;padding:1rem}@media(min-width:768px){.container--main{padding:2rem}}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:100%}.container--padded{padding:0 1rem}@media(min-width:768px){.container--padded{padding:0 2rem}}@media(min-width:1024px){.container--padded{padding:0 3rem}}.container--grid{display:grid;gap:2rem}@media(min-width:768px){.container--grid{gap:3rem}}@media(min-width:1024px){.container--grid{gap:4rem}}.container--flex{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.container--flex{flex-direction:row;align-items:center}}.container__dictionary{display:grid;grid-template-columns:1fr;column-gap:1rem;row-gap:1rem}@media(min-width:480px){.container__dictionary{grid-template-columns:repeat(2,1fr)}}.container__dictionary__item{display:flex;flex-direction:column}.container__dictionary__key{position:relative;margin-bottom:.5rem;padding-bottom:.5rem;color:var(--color-accent);font-size:.8rem;text-transform:capitalize}.container__dictionary__key:after{content:"";position:absolute;left:-1rem;width:100%;height:1px;background-color:var(--color-accent);opacity:.2;bottom:0}.container__dictionary__value{font-size:1rem}.grid{display:grid;place-items:center}.grid--main{grid-template-columns:auto}[data-theme=light]{--color-background: #f7f7f8;--color-background-rgb: 247, 247, 248;--color-text-main: #1f1f22;--color-accent: #5aa39a;--color-accent-10: rgba(90, 163, 154, .1);--color-accent-20: rgba(90, 163, 154, .2);--color-accent-30: rgba(90, 163, 154, .3);--color-accent-darker: rgb(44.6442687747, 80.8557312253, 76.3913043478);--background-image: url(/light-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #5aa39a;--color-accent-10: rgba(90, 163, 154, .1);--color-accent-20: rgba(90, 163, 154, .2);--color-accent-30: rgba(90, 163, 154, .3);--color-accent-darker: rgb(44.6442687747, 80.8557312253, 76.3913043478);--background-image: url(/dark-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark-red]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #b25a5a;--color-accent-10: rgba(178, 90, 90, .1);--color-accent-20: rgba(178, 90, 90, .2);--color-accent-30: rgba(178, 90, 90, .3);--color-accent-darker: rgb(95.7954545455, 44.7045454545, 44.7045454545);--background-image: url(/dark-red-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark-pink]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #a05f95;--color-accent-10: rgba(160, 95, 149, .1);--color-accent-20: rgba(160, 95, 149, .2);--color-accent-30: rgba(160, 95, 149, .3);--color-accent-darker: rgb(80, 47.5, 74.5);--background-image: url(/dark-pink-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark-blue]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #6b86a6;--color-accent-10: rgba(107, 134, 166, .1);--color-accent-20: rgba(107, 134, 166, .2);--color-accent-30: rgba(107, 134, 166, .3);--color-accent-darker: rgb(54.6392405063, 71.2151898734, 90.8607594937);--background-image: url(/dark-blue-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark-purple]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #7a6fa3;--color-accent-10: rgba(122, 111, 163, .1);--color-accent-20: rgba(122, 111, 163, .2);--color-accent-30: rgba(122, 111, 163, .3);--color-accent-darker: rgb(63.938559322, 57.1101694915, 89.3898305085);--background-image: url(/dark-purple-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}[data-theme=dark-amber]{--color-background: #0e0e0f;--color-background-rgb: 14, 14, 15;--color-text-main: #e2e2e2;--color-accent: #a08a57;--color-accent-10: rgba(160, 138, 87, .1);--color-accent-20: rgba(160, 138, 87, .2);--color-accent-30: rgba(160, 138, 87, .3);--color-accent-darker: rgb(77.4089068826, 66.7651821862, 42.0910931174);--background-image: url(/dark-amber-bg.webp);--font-heading: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scaleX(1)}50%{opacity:.7;transform:translate(-50%) scaleX(1.1)}}@keyframes floatCode{0%,to{transform:translateY(0) rotate(0);opacity:.05}25%{transform:translateY(-10px) rotate(5deg);opacity:.08}50%{transform:translateY(-5px) rotate(-3deg);opacity:.03}75%{transform:translateY(-15px) rotate(2deg);opacity:.06}}@keyframes floatTech{0%,to{transform:translateY(0) rotate(0);opacity:.04}25%{transform:translateY(-8px) rotate(3deg);opacity:.06}50%{transform:translateY(-4px) rotate(-2deg);opacity:.03}75%{transform:translateY(-12px) rotate(1deg);opacity:.05}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00ffaa4d}50%{box-shadow:0 0 20px #0fa9}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.text--h1{font-size:4rem;line-height:4.5rem;margin:1rem 0;font-weight:700;letter-spacing:.05em}@media(max-width:768px){.text--h1{font-size:3rem;line-height:3.5rem}}.text--h2{font-size:2.5rem;line-height:3rem;margin:1rem 0;font-weight:600;letter-spacing:.02em}@media(max-width:768px){.text--h2{font-size:2rem;line-height:2.5rem}}.text--h3{font-size:1.5rem;line-height:2rem;margin:1rem 0;font-weight:500;letter-spacing:.01em}@media(max-width:768px){.text--h3{font-size:1.25rem;line-height:1.75rem}}.text--h4{font-size:1.25rem;line-height:1.75rem;margin:.75rem 0;font-weight:500}.text--h5{font-size:1.125rem;line-height:1.5rem;margin:.5rem 0;font-weight:500}.text--h6{font-size:1rem;line-height:1.5rem;margin:.5rem 0;font-weight:500}.text--general{font-size:1rem;line-height:1.6;margin:1rem 0;font-weight:400}.text--large{font-size:1.125rem;line-height:1.7;margin:1rem 0;font-weight:400}.text--small{font-size:.875rem;line-height:1.5;margin:.75rem 0;font-weight:400}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.text--uppercase{text-transform:uppercase;letter-spacing:.1em}.text--lowercase{text-transform:lowercase}.text--capitalize{text-transform:capitalize}.text--primary{color:var(--color-text-main)}.text--secondary{color:var(--color-text-secondary)}.text--accent{color:var(--color-accent)}.text--muted{color:var(--color-text-muted);opacity:.7}.text--light{font-weight:300}.text--normal{font-weight:400}.text--medium{font-weight:500}.text--semibold{font-weight:600}.text--bold{font-weight:700}.text--extrabold{font-weight:800}.card{margin:1rem 2rem;padding:1rem 2rem;border:2px solid var(--color-accent-darker);border-radius:2rem}.card--background{backdrop-filter:blur(.3rem);background:repeating-linear-gradient(#ffffff12,#00000008 4px)}.section--main{text-shadow:none;position:relative;overflow:hidden;scroll-margin-top:8vh;backdrop-filter:blur(.3rem)}.section__title{width:100%;padding-top:3rem;padding-bottom:2rem;text-align:center}.section__subtitle{padding:1rem 2rem;text-align:center;max-width:800px;margin:0 auto 2rem;line-height:1.6;color:var(--color-text-secondary)}@media(min-width:1024px){.section__subtitle{padding:1rem 8rem}}.section__content{max-width:1280px;margin-left:auto;margin-right:auto}@media(min-width:768px){.section__content{padding:2rem 4rem}}@media(min-width:1024px){.section__content{padding:2rem 6rem}}.section--grid{display:grid;gap:2rem}@media(min-width:768px){.section--grid{gap:3rem}}@media(min-width:1024px){.section--grid{gap:4rem}}.section--flex{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.section--flex{flex-direction:row;align-items:center}}.section--staggered .section__item{animation:fadeInUp .6s ease-out forwards;animation-delay:.1s;opacity:0}.section--staggered .section__item:nth-child(1){animation-delay:.1s}.section--staggered .section__item:nth-child(2){animation-delay:.2s}.section--staggered .section__item:nth-child(3){animation-delay:.3s}.section--staggered .section__item:nth-child(4){animation-delay:.4s}.section--staggered .section__item:nth-child(5){animation-delay:.5s}.section--staggered .section__item:nth-child(6){animation-delay:.6s}.section--staggered .projects-grid .project-card{animation:fadeInUp .6s ease-out forwards}.section--staggered .projects-grid .project-card:nth-child(1){animation-delay:.1s}.section--staggered .projects-grid .project-card:nth-child(2){animation-delay:.2s}.section--staggered .projects-grid .project-card:nth-child(3){animation-delay:.3s}.section--staggered .projects-grid .project-card:nth-child(4){animation-delay:.4s}.section--staggered .projects-grid .project-card:nth-child(5){animation-delay:.5s}.section--staggered .projects-grid .project-card:nth-child(6){animation-delay:.6s}.skills__visual{margin-top:3rem}.icon--github:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.icon--linkedin:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3ELinkedIn%3C/title%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.327-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.049c.476-.9 1.637-1.852 3.37-1.852 3.601 0 4.267 2.37 4.267 5.455v6.288zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM6.815 20.452H3.856V9h2.959v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E ");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3ELinkedIn%3C/title%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.327-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.049c.476-.9 1.637-1.852 3.37-1.852 3.601 0 4.267 2.37 4.267 5.455v6.288zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM6.815 20.452H3.856V9h2.959v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E ")}.icon--email:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 6.75A2.25 2.25 0 0 1 3.75 4.5h16.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 17.25V6.75zm1.89.417a.75.75 0 0 0-.39.658v.08l8.61 5.292a1.5 1.5 0 0 0 1.58 0l8.61-5.292v-.08a.75.75 0 0 0-.39-.658L12 11.25 3.39 7.167z'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 6.75A2.25 2.25 0 0 1 3.75 4.5h16.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 17.25V6.75zm1.89.417a.75.75 0 0 0-.39.658v.08l8.61 5.292a1.5 1.5 0 0 0 1.58 0l8.61-5.292v-.08a.75.75 0 0 0-.39-.658L12 11.25 3.39 7.167z'/%3E%3C/svg%3E%0A")}body{display:flex;flex-direction:column;overflow-x:hidden;color:var(--color-text-main);background-color:var(--color-background);font-family:var(--font-body);text-shadow:0 0 5px var(--color-accent)}body .layout__load-bg{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--color-background);z-index:2000;animation:fade_out forwards 2s;animation-delay:3s}body .layout__logo{height:5rem;width:5rem;animation:shrink forwards 1s;animation-delay:2s}.blocker{overflow-y:hidden}.scroll{overflow-y:auto}@keyframes fade_out{to{opacity:0}}@keyframes shrink{to{transform:scale(0)}}.about-tab-group{padding:5rem 2rem}.about-tab-group__header{display:flex;justify-content:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(0,255,170,.2)}@media(max-width:768px){.about-tab-group__header{flex-wrap:wrap;gap:.5rem}}.about-tab-group__btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff05;border:1px solid rgba(0,255,170,.3);border-radius:8px;color:var(--color-text-main);font-weight:500;transition:all .3s ease;cursor:pointer;font-size:.9rem}.about-tab-group__btn:hover{background:#00ffaa1a;border-color:var(--color-accent);transform:translateY(-2px)}.about-tab-group__btn[data-headlessui-state=selected]{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent);box-shadow:0 4px 12px #00ffaa4d}@media(max-width:768px){.about-tab-group__btn{padding:.5rem 1rem;font-size:.85rem}}.about-tab-group__icon{font-size:1.1rem}.about-tab-group__body{padding-top:2rem}.about-tab-group__content{animation:fadeInUp .5s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media(max-width:768px){.stats-grid{gap:1rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#ffffff05;border:1px solid rgba(0,255,170,.2);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00ffaa26;border-color:var(--color-accent)}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,170,.1),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card__icon{font-size:2.5rem;margin-bottom:1rem;display:block}.stat-card__value{font-size:2rem;font-weight:700;color:var(--color-accent);margin-bottom:.5rem;font-family:var(--font-heading)}.stat-card__label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.timeline{position:relative;padding:2rem 0}@media(max-width:768px){.timeline:before{left:1rem}}.timeline-item{position:relative;padding-left:5rem;margin-bottom:2rem;animation:slideInLeft .6s ease-out;backdrop-filter:blur(.5rem)}@media(max-width:768px){.timeline-item{padding-left:3rem}}.timeline-item--milestone .timeline-item__marker{background:#6b86a6;box-shadow:0 0 20px #6b86a6}.timeline-item--project .timeline-item__marker{background:#7a6fa3;box-shadow:0 0 20px #7a6fa3}.timeline-item--skill .timeline-item__marker{background:var(--color-accent);box-shadow:0 0 20px #00ffaa80}.timeline-item--current .timeline-item__marker{background:var(--color-accent);box-shadow:0 0 20px #00ffaa80;animation:pulse 2s infinite}.timeline-item__marker{position:absolute;left:-2rem;top:0;width:4rem;height:4rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--color-background);z-index:2}@media(max-width:768px){.timeline-item__marker{left:-1rem;width:3rem;height:3rem}}.timeline-item__icon{font-size:1.2rem;margin-bottom:.25rem}@media(max-width:768px){.timeline-item__icon{font-size:1rem}}.timeline-item__year{font-size:.7rem;font-weight:700;color:var(--color-background)}@media(max-width:768px){.timeline-item__year{font-size:.6rem}}.timeline-item__content{background:#ffffff05;border:1px solid rgba(0,255,170,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.timeline-item__content:hover{transform:translate(8px);box-shadow:0 8px 24px #00ffaa1a;border-color:var(--color-accent)}.timeline-item__title{font-size:1.2rem;font-weight:700;color:var(--color-accent);margin:0 0 .75rem;font-family:var(--font-heading)}.timeline-item__description{color:var(--color-text-main);line-height:1.6;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(min-width:1024px){.introduction{display:grid;grid-template-columns:repeat(2,1fr)}}.introduction__text{padding:1rem 2rem;margin-top:2rem;margin-bottom:2rem;text-align:center;line-height:1.6;color:var(--color-text-secondary)}@media(min-width:1024px){.introduction__text{grid-row:1;grid-column:2;text-align:left}}@media(max-width:768px){.tab-group{padding:1rem 2rem}}@media(min-width:1024px){.tab-group{padding:1rem 4rem}}.tab-group__header{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,255,170,.2);padding-bottom:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.tab-group__header{gap:.5rem;margin-bottom:1.5rem}}.tab-group__btn{padding:.75rem 1.5rem;color:var(--color-text-main);border:1px solid rgba(0,255,170,.3);background:transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);font-size:.9rem;position:relative;overflow:hidden}.tab-group__btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:#00ffaa0d}.tab-group__btn[aria-selected=true]{color:var(--color-background);background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 4px 12px #00ffaa4d}@media(max-width:768px){.tab-group__btn{padding:.5rem 1rem;font-size:.8rem}}.tab-group__body,.tab-group__content{padding:0;border:none;background:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem 0}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:.5rem 0}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem}}.project-card{position:relative;background:#ffffff05;border:1px solid var(--color-accent);border-radius:8px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00ffaa26;border-color:var(--color-accent)}.project-card:hover .project-card__overlay{opacity:1}.project-card--featured{border-color:var(--color-accent);box-shadow:0 4px 16px #00ffaa1a}.project-card--featured:before{content:"Featured";position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:var(--color-background);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;z-index:2}.project-card__image{position:relative;height:200px;overflow:hidden}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card__image:hover img{transform:scale(1.05)}.project-card__overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card__links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.project-card__link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-accent);color:var(--color-background);text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-size:.9rem}.project-card__link:hover{background:var(--color-accent-darker);transform:translateY(-2px)}.project-card__link--github{background:#ffffff1a;color:var(--color-text-main);border:1px solid var(--color-accent)}.project-card__link--github:hover{background:var(--color-accent);color:var(--color-background)}.project-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-card__title{font-size:1.25rem;font-weight:700;color:var(--color-accent);margin:0 0 .75rem;font-family:var(--font-heading)}.project-card__description{color:var(--color-text-main);line-height:1.6;margin:0 0 1rem;flex:1;font-size:.95rem}.project-card__technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-card__tech{background:#00ffaa1a;color:var(--color-accent);padding:.25rem .75rem;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,170,.2);font-family:var(--font-body)}@media(max-width:768px){.project-card__image{height:150px}.project-card__content{padding:1rem}.project-card__title{font-size:1.1rem}.project-card__links{flex-direction:column;gap:.75rem}.project-card__link{padding:.5rem 1rem;font-size:.85rem}}.m-xs{margin:.25rem!important}.mt-xs{margin-top:.25rem!important}.mb-xs{margin-bottom:.25rem!important}.ml-xs{margin-left:.25rem!important}.mr-xs{margin-right:.25rem!important}.mx-xs{margin-left:.25rem!important;margin-right:.25rem!important}.my-xs{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-sm{margin:.5rem!important}.mt-sm{margin-top:.5rem!important}.mb-sm{margin-bottom:.5rem!important}.ml-sm{margin-left:.5rem!important}.mr-sm{margin-right:.5rem!important}.mx-sm{margin-left:.5rem!important;margin-right:.5rem!important}.my-sm{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-md{margin:1rem!important}.mt-md{margin-top:1rem!important}.mb-md{margin-bottom:1rem!important}.ml-md{margin-left:1rem!important}.mr-md{margin-right:1rem!important}.mx-md{margin-left:1rem!important;margin-right:1rem!important}.my-md{margin-top:1rem!important;margin-bottom:1rem!important}.m-lg{margin:2rem!important}.mt-lg{margin-top:2rem!important}.mb-lg{margin-bottom:2rem!important}.ml-lg{margin-left:2rem!important}.mr-lg{margin-right:2rem!important}.mx-lg{margin-left:2rem!important;margin-right:2rem!important}.my-lg{margin-top:2rem!important;margin-bottom:2rem!important}.m-xl{margin:4rem!important}.mt-xl{margin-top:4rem!important}.mb-xl{margin-bottom:4rem!important}.ml-xl{margin-left:4rem!important}.mr-xl{margin-right:4rem!important}.mx-xl{margin-left:4rem!important;margin-right:4rem!important}.my-xl{margin-top:4rem!important;margin-bottom:4rem!important}.m-xxl{margin:6rem!important}.mt-xxl{margin-top:6rem!important}.mb-xxl{margin-bottom:6rem!important}.ml-xxl{margin-left:6rem!important}.mr-xxl{margin-right:6rem!important}.mx-xxl{margin-left:6rem!important;margin-right:6rem!important}.my-xxl{margin-top:6rem!important;margin-bottom:6rem!important}.p-xs{padding:.25rem!important}.pt-xs{padding-top:.25rem!important}.pb-xs{padding-bottom:.25rem!important}.pl-xs{padding-left:.25rem!important}.pr-xs{padding-right:.25rem!important}.px-xs{padding-left:.25rem!important;padding-right:.25rem!important}.py-xs{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-sm{padding:.5rem!important}.pt-sm{padding-top:.5rem!important}.pb-sm{padding-bottom:.5rem!important}.pl-sm{padding-left:.5rem!important}.pr-sm{padding-right:.5rem!important}.px-sm{padding-left:.5rem!important;padding-right:.5rem!important}.py-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-md{padding:1rem!important}.pt-md{padding-top:1rem!important}.pb-md{padding-bottom:1rem!important}.pl-md{padding-left:1rem!important}.pr-md{padding-right:1rem!important}.px-md{padding-left:1rem!important;padding-right:1rem!important}.py-md{padding-top:1rem!important;padding-bottom:1rem!important}.p-lg{padding:2rem!important}.pt-lg{padding-top:2rem!important}.pb-lg{padding-bottom:2rem!important}.pl-lg{padding-left:2rem!important}.pr-lg{padding-right:2rem!important}.px-lg{padding-left:2rem!important;padding-right:2rem!important}.py-lg{padding-top:2rem!important;padding-bottom:2rem!important}.p-xl{padding:4rem!important}.pt-xl{padding-top:4rem!important}.pb-xl{padding-bottom:4rem!important}.pl-xl{padding-left:4rem!important}.pr-xl{padding-right:4rem!important}.px-xl{padding-left:4rem!important;padding-right:4rem!important}.py-xl{padding-top:4rem!important;padding-bottom:4rem!important}.p-xxl{padding:6rem!important}.pt-xxl{padding-top:6rem!important}.pb-xxl{padding-bottom:6rem!important}.pl-xxl{padding-left:6rem!important}.pr-xxl{padding-right:6rem!important}.px-xxl{padding-left:6rem!important;padding-right:6rem!important}.py-xxl{padding-top:6rem!important;padding-bottom:6rem!important}.gap-xs{gap:.25rem!important}.gap-sm{gap:.5rem!important}.gap-md{gap:1rem!important}.gap-lg{gap:2rem!important}.gap-xl{gap:4rem!important}.gap-xxl{gap:6rem!important}.skills-tab-group{padding:1rem}.skills-tab-group__header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,255,170,.2);padding-bottom:1rem}@media(max-width:768px){.skills-tab-group__header{flex-wrap:wrap;gap:.5rem}}.skills-tab-group__btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff05;border:1px solid rgba(0,255,170,.3);border-radius:8px;color:var(--color-text-main);font-weight:500;transition:all .3s ease;cursor:pointer;font-size:.9rem}.skills-tab-group__btn:hover{background:#00ffaa1a;border-color:var(--color-accent);transform:translateY(-2px)}.skills-tab-group__btn[data-headlessui-state=selected]{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent);box-shadow:0 4px 12px #00ffaa4d}@media(max-width:768px){.skills-tab-group__btn{padding:.5rem 1rem;font-size:.85rem}}.skills-tab-group__content{animation:fadeInUp .5s ease-out}.skills-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:1rem}}.skill-item{background:#ffffff05;border:1px solid rgba(0,255,170,.2);border-radius:12px;padding:1.5rem 1.5rem .5rem;transition:all .3s ease;backdrop-filter:blur(.2rem)}.skill-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ffaa1a;border-color:var(--color-accent)}.skill-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.skill-item__info{flex:1}.skill-item__name{font-size:1.1rem;font-weight:700;color:var(--color-accent);margin:0 0 .5rem;font-family:var(--font-heading)}.skill-item__stats{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-secondary)}.skill-item__years,.skill-item__projects{background:#00ffaa1a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(0,255,170,.2)}.skill-item__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.skill-item__progress{height:100%;background:linear-gradient(90deg,var(--color-accent),#00ffaa);border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.skill-item__progress--animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@media(max-width:768px){.skill-item{padding:1rem}.skill-item__header{gap:.75rem}.skill-item__level{align-self:flex-start}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#home{height:100vh;background:repeating-linear-gradient(#ffffff08,#00000008 2px);box-shadow:0 0 3rem 0 var(--color-accent-darker)}#home .hero{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}#home .hero__content{text-align:center}#home .hero__title{margin-left:10px;color:var(--color-accent);font-size:1.5rem;font-family:var(--font-header);font-weight:700;letter-spacing:.8rem}#home .hero__subtitle{text-align:center;color:var(--color-text)}#home .hero__contact{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1rem}#home .hero__contact--icon{height:1.7rem;width:1.7rem;margin:1rem .5rem;color:var(--color-accent);transition-duration:.3s}#home .hero__contact--icon:hover{color:var(--color-accent-darker)}#home .hero__cta{margin-top:7rem;color:var(--color-text);animation:blink 1s steps(1,start) infinite}.icon{display:block;position:relative}.icon:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.icon--github{height:4rem}.icon--github:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.icon--linkedin{height:4rem}.icon--linkedin:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3ELinkedIn%3C/title%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.327-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.049c.476-.9 1.637-1.852 3.37-1.852 3.601 0 4.267 2.37 4.267 5.455v6.288zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM6.815 20.452H3.856V9h2.959v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E ");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3ELinkedIn%3C/title%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.327-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.049c.476-.9 1.637-1.852 3.37-1.852 3.601 0 4.267 2.37 4.267 5.455v6.288zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM6.815 20.452H3.856V9h2.959v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E ")}.icon--email{height:4rem}.icon--email:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 6.75A2.25 2.25 0 0 1 3.75 4.5h16.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 17.25V6.75zm1.89.417a.75.75 0 0 0-.39.658v.08l8.61 5.292a1.5 1.5 0 0 0 1.58 0l8.61-5.292v-.08a.75.75 0 0 0-.39-.658L12 11.25 3.39 7.167z'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%0A%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 6.75A2.25 2.25 0 0 1 3.75 4.5h16.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 17.25V6.75zm1.89.417a.75.75 0 0 0-.39.658v.08l8.61 5.292a1.5 1.5 0 0 0 1.58 0l8.61-5.292v-.08a.75.75 0 0 0-.39-.658L12 11.25 3.39 7.167z'/%3E%3C/svg%3E%0A")}.contact-content{flex-grow:1;padding:3rem 1rem;margin-top:4rem;margin-bottom:3em;box-shadow:0 -1rem 3rem -1rem var(--color-accent-darker);box-shadow:0 0 3rem 0 var(--color-accent-darker);backdrop-filter:blur(.5rem)}.contact-content__title{width:100%;text-align:center;letter-spacing:.8rem;margin-bottom:1rem;font-size:2rem;font-weight:700;color:var(--color-accent);font-family:var(--font-heading)}.contact-content__subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:3rem;padding:0 1rem;font-size:1.1rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.contact-content__social-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-content__social-title{font-size:1.2rem;font-weight:700;color:var(--color-accent);margin:0;font-family:var(--font-heading)}.contact-content__container{display:flex;justify-content:center;gap:1.5rem;width:100%}@media(max-width:768px){.contact-content__container{flex-direction:column}}.contact-content__link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff05;border:1px solid rgba(0,255,170,.2);border-radius:12px;text-decoration:none;color:var(--color-text-main);transition:all .3s ease;font-weight:500}.contact-content__link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ffaa26;border-color:var(--color-accent);background:#00ffaa0d}@media(max-width:768px){.contact-content__link{flex-direction:column;text-align:center;padding:1rem;gap:.5rem}}.contact-content__icon{height:2rem;width:2rem;fill:var(--color-accent);fill-opacity:.8;transition:all .3s ease}.contact-content__link:hover .contact-content__icon{fill-opacity:1;transform:scale(1.1)}.contact-content__resume{margin-top:1rem}.contact-content__resume-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#00ffaa1a;border:1px solid var(--color-accent);border-radius:8px;color:var(--color-accent);text-decoration:none;font-weight:700;transition:all .3s ease;font-family:var(--font-heading)}.contact-content__resume-btn:hover{background:var(--color-accent);color:var(--color-background);transform:translateY(-2px);box-shadow:0 8px 20px #00ffaa4d}