html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}@font-face{font-family:Montserrat;src:url(assets/fonts/montserrate-v31-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(assets/fonts/montserrate-v31-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(assets/fonts/montserrate-v31-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(assets/fonts/montserrate-v31-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:Montserrat,Arial,sans-serif}a{all:unset}.utility-navigation{display:flex;background-color:#144e2d;height:48px;justify-content:center;padding:0rem 6rem}@media screen and (max-width:700px){.utility-navigation{padding:0rem 1.25rem}}.utility-navigation__container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.utility-navigation__icon{padding:10px;border-radius:20px}.utility-navigation__icon a{padding:10px;border-radius:20px;font-size:14px;font-weight:700;color:#fafafa;border:1px solid transparent}@media screen and (max-width:1000px){.utility-navigation__icon a{border-radius:12px;font-size:10px;padding:8px}}@media screen and (max-width:700px){.utility-navigation__icon a{font-size:1rem}}.utility-navigation__icon a:hover{color:#144e2d;background-color:#fafafa;border:1px solid #FAFAFA}.utility-navigation__links{display:flex;flex-direction:row;justify-content:right;width:22%;gap:24px}@media screen and (max-width:1000px){.utility-navigation__links{width:50%}}.utility-navigation__links a{padding:10px;border-radius:20px;font-size:14px;font-weight:700;color:#fafafa;border:1px solid transparent}@media screen and (max-width:1000px){.utility-navigation__links a{border-radius:12px;font-size:10px;padding:8px}}@media screen and (max-width:700px){.utility-navigation__links a{font-size:.75rem}}.utility-navigation__links a:hover{border:1px solid #FAFAFA;cursor:pointer}.utility-navigation__hamburger-icon{width:48px;height:48px;color:#144e2d}.utility-navigation__desktop-on{display:flex}@media screen and (max-width:700px){.utility-navigation__desktop-on{display:none}}.utility-navigation__mobile-on{display:none}@media screen and (max-width:700px){.utility-navigation__mobile-on{display:flex}}.navigation{display:flex;justify-content:center;position:sticky;top:0;z-index:10}.navigation__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0rem 6rem 0 4.5rem;height:5rem;width:100vw;background-color:#1a2d28}@media screen and (max-width:1600px){.navigation__container{font-size:1.5rem;padding:1rem 3.5rem 1rem 3.25rem;height:2.25rem}}@media screen and (max-width:1000px){.navigation__container{font-size:1.1rem;padding:1rem 2.25rem 1rem 2rem;height:2.5rem}}@media screen and (max-width:700px){.navigation__container{font-size:2rem;padding:0 2rem;height:5rem}}.navigation__icon{margin:1.5rem;border-radius:2rem;border:1px solid #1A2D28;font-size:2rem;padding:.5rem 1rem;font-weight:600;color:#fafafa;cursor:pointer}.navigation__icon:hover{border:1px solid #187532;background-color:#187532}@media screen and (max-width:1600px){.navigation__icon{padding:.5rem;margin:0;font-size:1.75rem}}@media screen and (max-width:1000px){.navigation__icon{font-size:1.5rem;padding:.5rem;margin:0}}@media screen and (max-width:700px){.navigation__icon{font-size:1.75rem;padding:.25rem .5rem;margin:0}}.navigation__links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:60%}@media screen and (max-width:1600px){.navigation__links{width:65%}}@media screen and (max-width:1000px){.navigation__links{width:65%}}.navigation__links a{padding:.75rem;border-radius:2rem;font-size:1rem;font-weight:700;color:#fafafa;border:1px solid transparent;cursor:pointer}@media screen and (max-width:1600px){.navigation__links a{padding:.5rem;border-radius:1.5rem;font-size:.75rem}}@media screen and (max-width:1000px){.navigation__links a{padding:.4rem;border-radius:1.25rem;font-size:.75rem}}.navigation__links a:hover{border:1px solid #187532;background-color:#187532}.navigation__dots{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:2vw;padding:0 0 .25rem;gap:.25rem}@media screen and (max-width:1600px){.navigation__dots{width:3.5vw}}@media screen and (max-width:1000px){.navigation__dots{display:none}}.navigation__dots p{font-size:2rem;font-weight:700;color:#fafafa;opacity:0}@media screen and (max-width:1600px){.navigation__dots p{font-size:1.5rem}}.navigation__dots p{animation:dotFade 2s ease-in-out}.navigation__dots p.navigation__dots-1{animation-delay:1s}.navigation__dots p.navigation__dots-1 svg{height:1rem;width:1rem;margin-top:1rem;transform:rotate(90deg);fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-1 svg{margin-top:.75rem}}.navigation__dots p.navigation__dots-2{animation-delay:2s}.navigation__dots p.navigation__dots-2 svg{height:1rem;width:1rem;transform:scaleX(-1) rotate(-90deg);margin-bottom:1rem;fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-2 svg{margin-bottom:.25rem}}.navigation__dots p.navigation__dots-3{animation-delay:3s}.navigation__dots p.navigation__dots-3 svg{height:1rem;width:1rem;margin-top:1rem;transform:rotate(90deg);fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-3 svg{margin-top:.75rem}}.navigation__dots p.navigation__dots-4{animation-delay:4s}.navigation__dots p.navigation__dots-4 svg{height:1rem;width:1rem;transform:scaleX(-1) rotate(-90deg);margin-bottom:1rem;fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-4 svg{margin-bottom:.25rem}}.navigation__dots p.navigation__dots-5{animation-delay:5s}.navigation__dots p.navigation__dots-5 svg{height:1rem;width:1rem;margin-top:1rem;transform:rotate(90deg);fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-5 svg{margin-top:.75rem}}.navigation__dots p.navigation__dots-6{animation-delay:6s}.navigation__dots p.navigation__dots-6 svg{height:1rem;width:1rem;transform:scaleX(-1) rotate(-90deg);margin-bottom:1rem;fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-6 svg{margin-bottom:.25rem}}.navigation__dots p.navigation__dots-7{animation-delay:7s}.navigation__dots p.navigation__dots-7 svg{height:1rem;width:1rem;margin-top:1rem;transform:rotate(90deg);fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-7 svg{margin-top:.75rem}}.navigation__dots p.navigation__dots-8{animation-delay:8s}.navigation__dots p.navigation__dots-8 svg{height:1rem;width:1rem;transform:scaleX(-1) rotate(-90deg);margin-bottom:1rem;fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-8 svg{margin-bottom:.25rem}}.navigation__dots p.navigation__dots-9{animation-delay:9s}.navigation__dots p.navigation__dots-9 svg{height:1rem;width:1rem;margin-top:1rem;transform:rotate(90deg);fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-9 svg{margin-top:.75rem}}.navigation__dots p.navigation__dots-10{animation-delay:10s}.navigation__dots p.navigation__dots-10 svg{height:1rem;width:1rem;transform:scaleX(-1) rotate(-90deg);margin-bottom:1rem;fill:#fafafa}@media screen and (max-width:1600px){.navigation__dots p.navigation__dots-10 svg{margin-bottom:.25rem}}.navigation__hamburger-icon{width:4rem;height:4rem;color:#fafafa}.navigation__mobile-nav{display:flex;flex-direction:column;position:fixed;z-index:2;inset:0;background-color:#1a2d28}.navigation__mobile-nav-header{display:flex;justify-content:right;padding:1.25rem 2.5rem}.navigation__mobile-nav-close{display:flex;background:none}.navigation__mobile-nav svg{height:2rem;width:2rem;fill:#fafafa}.navigation__mobile-nav-links{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;gap:1rem}.navigation__mobile-nav a{font-size:2rem;font-weight:600;text-align:center;color:#fafafa;padding:.5rem}.navigation__mobile-nav a:hover{color:#187532;cursor:pointer}.navigation__desktop-on{display:flex}@media screen and (max-width:700px){.navigation__desktop-on{display:none}}.navigation__mobile-on{display:none}@media screen and (max-width:700px){.navigation__mobile-on{display:flex}}.footer__container{display:flex;flex-direction:column;background-color:#1a2d28;padding:0 6rem 1rem;color:#fafafa}@media screen and (max-width:700px){.footer__container{padding:0 2rem 1rem}}.footer__content{display:flex;flex-direction:row;padding:4rem 0 0;gap:4rem}@media screen and (max-width:1000px){.footer__content{padding:4rem 0 2rem}}@media screen and (max-width:700px){.footer__content{flex-direction:column;padding:2rem 0}}.footer__left{display:flex;flex-direction:column;width:33vw;gap:2rem}@media screen and (max-width:1000px){.footer__left{width:70%}}@media screen and (max-width:700px){.footer__left{width:100%}}.footer__left span{letter-spacing:-5%}.footer__header{font-size:4rem;font-weight:500}@media screen and (max-width:700px){.footer__header{font-size:3rem;text-align:center;padding:1rem 0}}.footer__info{width:85%;line-height:1.5rem;text-align:justify;text-indent:-1rem;padding-left:1rem;letter-spacing:5%}@media screen and (max-width:1600px){.footer__info{text-indent:0rem;padding:0}}@media screen and (max-width:1000px){.footer__info{text-align:left}}@media screen and (max-width:700px){.footer__info{width:100%;text-align:justify}}.footer__info span{font-size:2rem;font-weight:700;color:#3faf5f}.footer__socials{display:flex;gap:1rem}@media screen and (max-width:700px){.footer__socials{justify-content:center}}.footer__socials svg{height:2rem;width:2rem;padding:.5rem;background:#fafafa;fill:#1a2d28;border-radius:1rem}.footer__socials svg:hover{fill:#fafafa;background:#3faf5f;cursor:pointer}.footer__back-to-top{display:inline-block;align-self:flex-start;margin:0;text-decoration:none;color:#1a2d28;background-color:#fafafa;padding:1rem;border-radius:2rem;font-size:1rem;font-weight:700}@media screen and (max-width:700px){.footer__back-to-top{align-self:center}}.footer__back-to-top a{color:inherit;text-decoration:none}.footer__back-to-top:hover{color:#fafafa;background-color:#3faf5f;cursor:pointer}.footer__right{display:flex;flex-direction:row;justify-content:space-between;width:45vw}@media screen and (max-width:700px){.footer__right{align-self:center;gap:3rem}}@media screen and (max-width:1000px){.footer__right{flex-direction:column;justify-content:left;gap:4rem}}.footer__site-map,.footer__projects,.footer__pages{display:flex;flex-direction:column;gap:1.5rem}@media screen and (max-width:700px){.footer__site-map,.footer__projects,.footer__pages{align-self:center;justify-content:center;gap:1rem}}.footer__site-map h1,.footer__projects h1,.footer__pages h1{font-size:2rem;font-weight:600}.footer__site-map-links,.footer__projects-links,.footer__pages-links{display:flex;justify-content:center}.footer__site-map ul,.footer__projects ul,.footer__pages ul{display:flex;flex-direction:column;justify-content:center}.footer__site-map li,.footer__projects li,.footer__pages li{list-style:none;padding:1rem 0}@media screen and (max-width:700px){.footer__site-map li,.footer__projects li,.footer__pages li{align-self:center}}.footer__site-map a,.footer__projects a,.footer__pages a{font-weight:500;color:inherit}.footer__site-map a:hover,.footer__projects a:hover,.footer__pages a:hover{color:#3faf5f;cursor:pointer}.footer__disclaimer{display:flex;justify-content:center;align-items:center;padding-bottom:3rem;font-weight:600;text-align:center}@media screen and (max-width:1600px){.footer__disclaimer{padding:3rem}}@media screen and (max-width:1000px){.footer__disclaimer{padding-bottom:2rem}}.footer__legal{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 0 1rem;border-top:1px solid #5F7684}@media screen and (max-width:700px){.footer__legal{flex-direction:column;align-items:center;text-align:center;gap:1rem}}#sectionAbout,#sectionProjects,#sectionEducation,#sectionExperience{scroll-margin-top:3rem}@media screen and (max-width:700px){#sectionAbout,#sectionProjects,#sectionEducation,#sectionExperience{scroll-margin-top:3rem}}#sectionSkills{scroll-margin-top:14rem}@media screen and (max-width:1600px){#sectionSkills{scroll-margin-top:12rem}}@media screen and (max-width:1000px){#sectionSkills{scroll-margin-top:8rem}}#sectionContact{scroll-margin-top:14rem}@media screen and (max-width:1600px){#sectionContact{scroll-margin-top:12rem}}@media screen and (max-width:1000px){#sectionContact{scroll-margin-top:10rem}}@media screen and (max-width:700px){#sectionContact{scroll-margin-top:8rem}}.hero{display:flex;flex-direction:column;justify-content:center;width:100%;background:linear-gradient(180deg,#111a1b,#1a2d28);background-color:#1a2d28}.hero__container{display:flex;flex-direction:row;align-self:center;align-items:center;justify-content:space-between;height:95vh;width:50%}@media screen and (max-width:1000px){.hero__container{flex-direction:column;justify-content:center;align-items:center;text-align:center;height:auto;width:90%;padding:6rem 0;gap:3rem}}@media screen and (max-width:700px){.hero__container{width:95%;padding:3rem 0;gap:2rem}}.hero__left{display:flex;flex-direction:column;gap:1.5rem}@media screen and (max-width:1000px){.hero__left{align-items:center;justify-content:center;gap:1rem;width:100%}}@media screen and (max-width:700px){.hero__left{gap:.75rem}}.hero__title{color:#fafafa;font-size:3rem;font-weight:600}@media screen and (max-width:1000px){.hero__title{font-size:4rem;text-align:center}}@media screen and (max-width:700px){.hero__title{font-size:3rem}}.hero__subtitle{color:#3faf5f;font-size:1.5rem}@media screen and (max-width:1000px){.hero__subtitle{font-size:1.5rem;text-align:center}}@media screen and (max-width:700px){.hero__subtitle{font-size:1.25rem}}.hero__buttons{padding:2rem 0 0;display:flex;gap:1rem}@media screen and (max-width:1000px){.hero__buttons{padding:2rem 0 0;justify-content:center;align-items:center;flex-wrap:wrap}}@media screen and (max-width:700px){.hero__buttons{padding:1rem 0 0;flex-direction:column;width:100%}}.hero__description{color:#5f7684;width:80%}@media screen and (max-width:1000px){.hero__description{width:70%;margin:0 auto;text-align:center;font-size:1rem}}@media screen and (max-width:700px){.hero__description{width:95%;font-size:1rem}}.hero__projects{color:#fafafa;background-color:#187532;padding:.75rem 1.5rem;border-radius:2rem;border:1px solid #187532;transition:transform .3s ease,box-shadow .3s ease}.hero__projects:hover{background-color:#3faf5f;cursor:pointer;transform:translateY(-.1rem);box-shadow:0 1rem 2rem #00000040;border:1px solid #3FAF5F}@media screen and (max-width:1000px){.hero__projects{font-size:1.5rem;padding:1rem 1.5rem;border-radius:1rem}}@media screen and (max-width:700px){.hero__projects{width:100%;max-width:18rem;text-align:center;font-size:1.25rem}}.hero__contact{color:#fafafa;background-color:none;padding:.75rem 1.5rem;border-radius:2rem;border:1px solid #5F7684;transition:transform .3s ease,box-shadow .3s ease}.hero__contact:hover{background-color:#187532;cursor:pointer;transform:translateY(-.1rem);box-shadow:0 1rem 2rem #00000040;border:1px solid #187532}@media screen and (max-width:1000px){.hero__contact{font-size:1.5rem;padding:1rem 1.5rem;border-radius:1rem}}@media screen and (max-width:700px){.hero__contact{width:100%;max-width:18rem;text-align:center;font-size:1.25rem}}.hero__right{width:30%}@media screen and (max-width:1000px){.hero__right{width:100%;display:flex;justify-content:center}}@media screen and (max-width:700px){.hero__right{width:100%}}.hero__socials{display:flex;flex-direction:column;gap:1rem;color:#fafafa;justify-content:center}@media screen and (max-width:1000px){.hero__socials{align-items:center;width:100%}}@media screen and (max-width:700px){.hero__socials{align-items:center;gap:.75rem}}.hero__socials a{display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.hero__socials a:hover{color:#187532;cursor:pointer;transform:translateY(-.05rem)}.hero__socials a:hover svg{fill:#fafafa;background:#187532}@media screen and (max-width:1000px){.hero__socials a{justify-content:flex-start;width:fit-content;min-width:12rem}}@media screen and (max-width:700px){.hero__socials a{justify-content:flex-start;width:fit-content;min-width:10rem;font-size:1.25rem}}.hero__socials svg{height:2rem;width:2rem;padding:.5rem;background:#144e2d;fill:#fafafa;border-radius:1rem}@media screen and (max-width:700px){.hero__socials svg{height:1.75rem;width:1.75rem}}.about{display:flex;justify-self:center;justify-content:center;padding:5rem 0 0;margin:auto;width:70%}@media screen and (max-width:1600px){.about{padding:3.5rem 0 0;width:70%}}@media screen and (max-width:1000px){.about{padding:3rem 0 0;width:90%}}@media screen and (max-width:700px){.about{padding:.5rem 0rem 0;width:95%}}.about__container{overflow:hidden;border-radius:2rem;padding:5rem;box-shadow:0 1rem 2rem #00000026}@media screen and (max-width:1600px){.about__container{padding:4rem}}@media screen and (max-width:1000px){.about__container{padding:3rem 1rem}}@media screen and (max-width:700px){.about__container{padding:2rem 1rem}}.about__header{display:flex;justify-content:center}.about__title{font-size:4rem;font-weight:700;color:#144e2d;padding:0 0 3rem}@media screen and (max-width:1600px){.about__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.about__title{font-size:4rem;padding:0 0 2rem}}@media screen and (max-width:700px){.about__title{font-size:3rem;padding:0 0 1rem}}.about__card-container{display:flex;flex-direction:row;gap:2rem}@media screen and (max-width:1600px){.about__card-container{gap:1.5rem}}@media screen and (max-width:1000px){.about__card-container{flex-direction:column-reverse;align-items:center;gap:2rem}}.about__card-left{display:flex;flex-direction:row;flex-direction:column;width:70%;gap:1rem}@media screen and (max-width:1600px){.about__card-left{width:85%;gap:.5rem}}@media screen and (max-width:1000px){.about__card-left{width:90%;gap:2rem}}@media screen and (max-width:700px){.about__card-left{gap:1rem}}.about__card-left span{font-size:1.25rem;font-weight:400;color:#5f7684;line-height:2rem}@media screen and (max-width:1600px){.about__card-left span{font-size:1rem;line-height:1.5rem}}@media screen and (max-width:1000px){.about__card-left span{font-size:1.5rem;line-height:2rem}}@media screen and (max-width:700px){.about__card-left span{font-size:1.25rem;line-height:1.5rem}}.about__card-left span span{display:flex;flex-wrap:wrap;justify-content:left;gap:.5rem;padding:1rem;line-height:2rem}.about__card-left span p{display:inline-block;background-color:#187532;font-size:1rem;font-weight:500;color:#fafafa;padding:.25rem .75rem;line-height:1.5rem;border-radius:2rem}@media screen and (max-width:1600px){.about__card-left span p{font-size:.8rem;padding:.1rem .5rem}}@media screen and (max-width:1000px){.about__card-left span p{font-size:1rem;padding:.5rem .75rem}}@media screen and (max-width:700px){.about__card-left span p{font-size:1rem;padding:.25rem .5rem}}.about__card-left span p.about__vancouver{font-size:1.25rem;padding:.5rem 1rem}@media screen and (max-width:1600px){.about__card-left span p.about__vancouver{font-size:.8rem;padding:.1rem .5rem}}@media screen and (max-width:1000px){.about__card-left span p.about__vancouver{font-size:1rem;padding:.5rem .75rem}}@media screen and (max-width:700px){.about__card-left span p.about__vancouver{font-size:1rem;padding:.25rem .5rem}}.about__card-right{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (max-width:700px){.about__card-right{justify-content:center}}.about__card-right img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:20rem;transition:transform .5s ease}@media screen and (max-width:700px){.about__card-right img{width:80%}}.about__card-right img:hover{transform:scale(1.05)}.about__socials{display:flex;gap:1rem}@media screen and (max-width:700px){.about__socials{justify-content:center}}.about__socials svg{height:2rem;width:2rem;padding:.5rem;background:#144e2d;fill:#fafafa;border-radius:1rem}.about__socials svg:hover{fill:#fafafa;background:#3faf5f;cursor:pointer}.about__contact{display:flex;align-items:center}.about__contact a{display:flex;align-items:center;justify-content:center;height:2rem;font-size:1rem;border-radius:3rem;padding:.6rem 1.5rem;font-weight:600;text-align:center;color:#fafafa;background:#144e2d;letter-spacing:1px}.about__contact a:hover{background:#3faf5f;cursor:pointer}.about__believe{color:#144e2d;font-size:1rem;font-weight:500;text-align:center;padding:2rem}.skills__header{display:flex;justify-content:center}.skills__title{padding:0 0 3rem;border-radius:20rem;font-size:4rem;font-weight:700;color:#144e2d}@media screen and (max-width:1600px){.skills__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.skills__title{font-size:4rem;padding:0 0 2rem}}@media screen and (max-width:700px){.skills__title{font-size:3rem;padding:0 0 1rem}}.skills__card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:0 5rem}@media screen and (max-width:1600px){.skills__card-container{padding:0 4rem}}@media screen and (max-width:1000px){.skills__card-container{padding:0 3rem}}@media screen and (max-width:700px){.skills__card-container{padding:0 2rem}}.skills__skill-card{display:flex;flex-direction:column;gap:1rem;width:5.5rem;padding:1.5rem;border-radius:1rem;background-color:#144e2d;box-shadow:0 1rem 2rem #0006;transition:transform .5s ease,background-color .5s ease}@media screen and (max-width:1600px){.skills__skill-card{padding:.75rem .5rem}}@media screen and (max-width:1000px){.skills__skill-card{padding:1rem .75rem}}.skills__skill-card:hover{transform:scale(1.1);background-color:#187532}.skills__skill-svg{height:4rem;fill:#fafafa;background-color:none}@media screen and (max-width:1600px){.skills__skill-svg{height:3.5rem}}.skills__skill-item{text-align:center;color:#fafafa;font-weight:600;font-size:1rem}@media screen and (max-width:1600px){.skills__skill-item{font-size:.75rem}}@media screen and (max-width:1000px){.skills__skill-item{font-size:1rem}}.projects{background:#1a2d28;margin:5rem auto;display:flex;justify-content:center;flex-direction:row}.projects__container{padding:5rem 5rem 10rem}@media screen and (max-width:1600px){.projects__container{margin:4rem auto;padding:4rem 4rem 8rem}}@media screen and (max-width:1000px){.projects__container{margin:3rem auto;flex-direction:column;padding:3rem;width:90%}}@media screen and (max-width:700px){.projects__container{margin:1.5rem auto;padding:1.5rem 0;width:95%}}.projects__header{display:flex;justify-content:center}.projects__title{padding:0 0 3rem;border-radius:20rem;font-size:4rem;font-weight:700;color:#fafafa}@media screen and (max-width:1600px){.projects__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.projects__title{font-size:4rem;padding:0 0 2rem}}@media screen and (max-width:700px){.projects__title{font-size:3rem;padding:0 0 1rem}}.projects__card-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:1600px){.projects__card-container{gap:1.5rem}}@media screen and (max-width:1000px){.projects__card-container{gap:1.5rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:700px){.projects__card-container{gap:2rem;grid-template-columns:1fr}}.project__card{background-color:#fafafa;display:flex;flex-direction:column;overflow:hidden;border-radius:1.5rem;box-shadow:0 .5rem 1rem #00000026;transition:transform .3s ease,box-shadow .3s ease}.project__card:hover{transform:translateY(-.75rem);box-shadow:0 1rem 2rem #00000040}.project__card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background-color:#1a2d28}.project__card-title{font-size:2rem;font-weight:700;color:#fafafa;border-bottom:4px solid #187532;background-color:#111a1b;padding:1.5rem}@media screen and (max-width:1600px){.project__card-title{font-size:1.75rem;padding:1.5rem}}@media screen and (max-width:1000px){.project__card-title{font-size:2rem;padding:1.5rem}}@media screen and (max-width:700px){.project__card-title{font-size:1.5rem;padding:1.5rem}}.project__card-intro{font-size:1.25rem;color:#5f7684;background-color:#fafafa;padding:1.5rem;line-height:1.5rem}@media screen and (max-width:1600px){.project__card-intro{font-size:1.25rem;padding:1.5rem}}@media screen and (max-width:1000px){.project__card-intro{font-size:1.5rem;padding:1.5rem;line-height:1.75rem}}@media screen and (max-width:700px){.project__card-intro{font-size:1.25rem;padding:1.5rem;line-height:1.5rem}}.project__card-skills{background-color:#fafafa;display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1.5rem}.project__card-skills-item{background-color:#187532;color:#fafafa;padding:.5rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}@media screen and (max-width:1600px){.project__card-skills-item{font-size:.75rem}}@media screen and (max-width:1000px){.project__card-skills-item{font-size:1rem}}@media screen and (max-width:700px){.project__card-skills-item{font-size:.75rem}}.project__card-links{display:flex;flex-direction:column;margin:auto 1.5rem 1.5rem;font-size:1.25rem}@media screen and (max-width:1600px){.project__card-links{font-size:1rem}}@media screen and (max-width:1000px){.project__card-links{font-size:1.5rem}}@media screen and (max-width:700px){.project__card-links{font-size:1.25rem}}.project__card-links-learnmore{cursor:pointer;text-align:center;background-color:#144e2d;color:#fafafa;padding:.7rem 1rem;border-radius:2rem;font-weight:600;transition:background-color .3s ease,padding .3s ease}.project__card-links-learnmore:hover{background-color:#187532;padding:.8rem 1.1rem}.project__card-links-group{display:flex;flex-direction:row;gap:1rem}.project__card-links-group a{display:flex;justify-content:center;width:100%;cursor:pointer;text-align:center;background-color:#144e2d;color:#fafafa;padding:.7rem 1rem;margin-top:1.5rem;border-radius:2rem;font-weight:600;transition:background-color .3s ease,padding .3s ease}.project__card-links-group a:hover{background-color:#187532;padding:.8rem 1.1rem}.project__card-links-group a[href="#"]{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.education{margin:auto;display:flex;justify-content:center;padding:5rem 0 0;margin-top:5rem;width:70%}@media screen and (max-width:1600px){.education{padding:3.5rem 0 0;margin-top:3.5rem;width:70%}}@media screen and (max-width:1000px){.education{flex-direction:column;padding:3rem 0 0;margin-top:3rem;width:90%}}@media screen and (max-width:700px){.education{padding:3rem 0 0;margin-top:0;width:95%}}.education__container{display:flex;flex-direction:column;justify-content:center;width:100%;padding:5rem;border-radius:2rem;background-color:#144e2d;box-shadow:0 1rem 2rem #0006}@media screen and (max-width:1600px){.education__container{padding:4rem 3rem 3rem}}@media screen and (max-width:1000px){.education__container{padding:3rem 2rem 2rem;width:auto}}@media screen and (max-width:700px){.education__container{padding:2rem 1rem}}.education__header{display:flex;justify-content:center}.education__title{padding:0 0 3rem;border-radius:20rem;font-size:4rem;font-weight:700;color:#fafafa}@media screen and (max-width:1600px){.education__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.education__title{font-size:4rem;padding:0 0 2rem}}@media screen and (max-width:700px){.education__title{font-size:3rem;padding:0 0 1rem}}.education__card-container{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media screen and (max-width:1600px){.education__card-container{gap:1.5rem}}@media screen and (max-width:1000px){.education__card-container{gap:2rem}}.education__card{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;line-height:1.5rem;gap:2rem;padding:3rem;box-shadow:0 .5rem 1rem #0006;border-radius:2rem;height:auto;background-color:#111a1b}@media screen and (max-width:1600px){.education__card{padding:2rem;gap:2.5rem;align-items:center}}@media screen and (max-width:1000px){.education__card{flex-direction:column-reverse;padding:1.5rem;gap:2rem}}@media screen and (max-width:700px){.education__card{gap:1rem}}.education__card{transition:transform .5s ease}.education__card-details{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:1.5rem}@media screen and (max-width:1600px){.education__card-details{gap:1rem}}@media screen and (max-width:1000px){.education__card-details{gap:.25rem}}@media screen and (max-width:700px){.education__card-details{gap:0rem}}.education__card-dates{font-size:1rem;font-weight:700;color:#7b929f}@media screen and (max-width:1600px){.education__card-dates{font-size:1rem}}@media screen and (max-width:1000px){.education__card-dates{text-align:center}}@media screen and (max-width:700px){.education__card-dates{font-size:.75rem}}.education__card-degree{font-size:1.25rem;font-weight:700;padding:1rem 0 0;color:#187532}@media screen and (max-width:1000px){.education__card-degree{text-align:center;font-size:1rem}}@media screen and (max-width:700px){.education__card-degree{padding:.5rem 0 0;font-size:1rem}}.education__card-major{font-size:2rem;text-indent:1.5rem;font-weight:700;color:#fafafa}@media screen and (max-width:1600px){.education__card-major{font-size:1.75rem;text-indent:.75rem;height:2rem}}@media screen and (max-width:1000px){.education__card-major{font-size:1.5rem;text-indent:0}}@media screen and (max-width:700px){.education__card-major{font-size:1.25rem;text-indent:0;text-align:center}}.education__card-logo{width:23rem;height:auto;align-self:center;padding:1rem}@media screen and (max-width:700px){.education__card-logo{width:4rem}}@media screen and (max-width:1600px){.education__card-logo{width:13rem;padding:.25rem}}@keyframes FadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes dotFade{0%{opacity:0}40%{opacity:1}80%{opacity:1}to{opacity:0}}.experience{margin:auto;display:flex;justify-content:center;width:70%}@media screen and (max-width:1600px){.experience{width:90%}}@media screen and (max-width:1000px){.experience{width:100%}}.experience__container{display:flex;flex-direction:column;padding:10rem 5rem 0}@media screen and (max-width:1600px){.experience__container{padding:8rem 4rem 0;width:75%}}@media screen and (max-width:1000px){.experience__container{flex-direction:column;padding:6rem 0 0;width:90%}}@media screen and (max-width:700px){.experience__container{padding:3rem 0 0;width:95%}}.experience__header{display:flex;justify-content:center}.experience__title{padding:0 0 3rem;border-radius:20rem;font-size:4rem;font-weight:700;color:#144e2d}@media screen and (max-width:1600px){.experience__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.experience__title{font-size:4rem;padding:0 0 2rem}}@media screen and (max-width:700px){.experience__title{font-size:3rem;padding:0 0 1rem}}.experience__card{display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:1000px){.experience__card{gap:2rem}}.experience__card-container{display:flex;flex-direction:row;justify-content:space-between;box-shadow:0 .5rem 1rem #00000026;border-radius:2rem;padding:3rem;width:100%;margin-bottom:3rem;gap:2rem;transition:transform .5s ease}@media screen and (max-width:1000px){.experience__card-container{flex-direction:column;margin:0}}.experience__card-container:hover{transform:scale(1.02)}.experience__card-outside{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}@media screen and (max-width:1000px){.experience__card-outside{gap:2rem}}.experience__card-outside:last-child .experience__card-line-line{display:none}.experience__card-outside:hover,.experience__card-outside:hover .experience__card-line-dot{color:#144e2d}.experience__card-outside:hover .experience__card-line-line{border-color:#144e2d}.experience__card-logo{display:flex;height:10rem}@media screen and (max-width:1600px){.experience__card-logo{height:6rem;align-self:center}}.experience__card-details{display:flex;flex-direction:column;text-align:right;gap:1rem}@media screen and (max-width:1000px){.experience__card-details{text-align:left}}.experience__card-dates{font-size:1.5rem;font-weight:600}@media screen and (max-width:1600px){.experience__card-dates{font-size:1.25rem}}@media screen and (max-width:700px){.experience__card-dates{font-size:1rem}}.experience__card-company{font-size:2rem;font-weight:700}@media screen and (max-width:1600px){.experience__card-company{font-size:1.5rem}}@media screen and (max-width:700px){.experience__card-company{font-size:1.5rem}}.experience__card-position{font-size:1.5rem;font-weight:700}@media screen and (max-width:1600px){.experience__card-position{font-size:1.25rem}}@media screen and (max-width:700px){.experience__card-position{font-size:1rem}}.experience__card-location{font-size:1rem;font-weight:600}@media screen and (max-width:1600px){.experience__card-location{font-size:.9rem}}@media screen and (max-width:700px){.experience__card-location{font-size:.75rem}}.experience__card-line{display:flex;flex-direction:column}@media screen and (max-width:1000px){.experience__card-line{display:none}}.experience__card-line-dot{font-size:6rem;line-height:1rem;padding:1rem 0;color:#5f7684;transform:translate(-1rem)}.experience__card-line-line{padding:0;height:100%;border-left:3px solid #5F7684}.contact{display:flex;justify-content:center;margin:0 auto;width:70%;padding:7rem 5rem;border-radius:2rem}@media screen and (max-width:1600px){.contact{margin:0 auto;padding:5rem 4rem;width:70%}}@media screen and (max-width:1000px){.contact{margin:0 auto;padding:6rem 3rem;width:90%}}@media screen and (max-width:700px){.contact{padding:3rem 0;margin:auto;width:95%}}.contact__container{display:flex;flex-direction:column;justify-content:center;border-radius:2rem;padding:0;width:100%}.contact__header{display:flex;justify-content:center}.contact__title{font-size:4rem;font-weight:700;color:#144e2d;padding:0 0 3rem}@media screen and (max-width:1600px){.contact__title{font-size:3.5rem;padding:0 0 2rem}}@media screen and (max-width:1000px){.contact__title{font-size:4em;padding:0 0 3rem}}@media screen and (max-width:700px){.contact__title{font-size:3rem;padding:0 0 1rem}}.contact__card{display:flex;flex-direction:row;gap:2rem}@media screen and (max-width:1000px){.contact__card{flex-direction:column}}@media screen and (max-width:700px){.contact__card{gap:1rem}}.contact__card-other{display:flex;flex-direction:column;margin:0 auto;width:33vw;gap:1rem}@media screen and (max-width:1000px){.contact__card-other{justify-content:center;width:100%}}.contact__card-find{display:flex;flex-direction:row;gap:2rem;padding:1rem;background-color:#144e2d;border-radius:1rem;box-shadow:0 1rem 2rem #0000004d;transition:transform .5s ease}@media screen and (max-width:1000px){.contact__card-find{justify-content:center;align-self:center;width:70%}}@media screen and (max-width:700px){.contact__card-find{width:92%}}.contact__card-find:hover{background-color:#187532;transform:scale(1.02);cursor:pointer}.contact__card-find-text{color:#fafafa;font-size:1.5rem;font-weight:700;align-self:center}.contact__card-link svg{height:2.5rem;width:2.5rem;fill:#fafafa}.contact__card-form{display:flex;flex-direction:column;width:66vw;background-color:#144e2d;padding:2rem;border-radius:1rem;box-shadow:0 1rem 2rem #0000004d}@media screen and (max-width:1000px){.contact__card-form{width:auto}}.contact__card-form label{display:flex;flex-direction:column;gap:.5rem;padding:0 0 .5rem;font-size:1.25rem;font-weight:500;color:#fafafa}.contact__card-form input{margin:0 0 1rem;padding:.5rem;border-radius:.5rem;border:none;background-color:#fafafa;box-shadow:0 .5rem .5rem #0000000d;font-size:1rem;font-weight:500;font-family:inherit}.contact__card-form-submit{color:#fafafa;width:9vw;align-self:center;text-align:center;padding:1rem;margin:2rem 0 0;color:#144e2d;font-weight:700;font-size:1.5rem;background-color:#fafafa;border-radius:1rem;transition:transform .5s ease}@media screen and (max-width:1600px){.contact__card-form-submit{width:15vw}}@media screen and (max-width:1000px){.contact__card-form-submit{width:17vw}}@media screen and (max-width:700px){.contact__card-form-submit{width:30vw}}.contact__card-form-submit:hover{color:#fafafa;background-color:#187532;transform:scale(1.07);cursor:pointer}.contact__card-message{font-family:inherit;height:10rem;padding:.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;border:none}.contact__card-sent{display:flex;justify-content:center;height:100%;align-items:center;font-size:3rem;font-weight:700;color:#fafafa}@media screen and (max-width:1000px){.contact__card-sent{font-size:2.25 rem}}@media screen and (max-width:700px){.contact__card-sent{font-size:1.75rem}}.projectPage__navigation{position:sticky;top:0;z-index:10}.projectPage__navigation__links{display:flex;flex-direction:row;justify-content:right;align-items:center;width:7rem;height:4rem;color:#fafafa}@media screen and (max-width:1000px){.projectPage__navigation__links{justify-content:center;width:100%}}@media screen and (max-width:700px){.projectPage__navigation__links{justify-content:center;width:100%}}.projectPage__navigation__links a{padding:.75rem;border-radius:2rem;font-size:1.25rem;font-weight:700;color:#fafafa;border:2px solid transparent;cursor:pointer}@media screen and (max-width:1600px){.projectPage__navigation__links a{padding:.5rem;border-radius:1.5rem;font-size:.75rem}}@media screen and (max-width:1000px){.projectPage__navigation__links a{padding:.4rem;border-radius:1.25rem;font-size:.75rem;padding:.75rem 1rem;border-radius:1.5rem;font-size:1rem}}@media screen and (max-width:700px){.projectPage__navigation__links a{padding:.75rem 1rem;font-size:1rem}}.projectPage__navigation__links a:hover{border:2px solid #FAFAFA}.projectPage{display:flex;flex-direction:column;justify-content:center;background-color:#1a2d28;margin:auto;width:100%}.projectPage__container{display:flex;flex-direction:column;align-self:center;width:70%}@media screen and (max-width:1600px){.projectPage__container{width:90%}}@media screen and (max-width:1000px){.projectPage__container{width:100%;width:90%}}@media screen and (max-width:700px){.projectPage__container{width:100%;width:95%}}.projectPage__hero{display:flex;justify-content:center;margin:auto;width:100%}.projectPage__hero__container{display:flex;flex-direction:column;justify-content:left;justify-content:center;align-items:center;text-align:center;padding:4rem;margin:2rem 4rem 0;border-radius:2rem;background-color:#fafafa;box-shadow:0 1rem 2rem #00000040;gap:2rem;width:100%}@media screen and (max-width:1000px){.projectPage__hero__container{padding:3rem 2rem;margin:2rem 0 0;gap:2rem}}@media screen and (max-width:700px){.projectPage__hero__container{box-sizing:border-box;padding:2rem;margin:0rem 0 0;width:95%;margin:0;width:100%;gap:1rem}}.projectPage__hero__container-header{display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1000px){.projectPage__hero__container-header{flex-direction:column;gap:1rem;text-align:center}}.projectPage__hero__container-title{font-size:4rem;font-weight:700;color:#144e2d;padding-right:1rem;border-right:.5rem solid #144E2D}@media screen and (max-width:1600px){.projectPage__hero__container-title{border-right:none}}@media screen and (max-width:1000px){.projectPage__hero__container-title{border-right:none;padding-right:none;padding-right:0;font-size:3.5rem}}@media screen and (max-width:700px){.projectPage__hero__container-title{font-size:3rem}}.projectPage__hero__container-image{display:flex;justify-content:center;object-fit:cover;width:100%}.projectPage__hero__container-image img{border-radius:2rem;object-fit:cover;width:100%}.projectPage__hero__container-image video{width:100%;height:auto}.projectPage__hero__container-tagline{display:flex;font-size:2rem;font-weight:700;color:#144e2d;padding-left:1rem}@media screen and (max-width:1600px){.projectPage__hero__container-tagline{border-left:.5rem solid #144E2D}}@media screen and (max-width:1000px){.projectPage__hero__container-tagline{border-left:none;border-top:.5rem solid #144E2D;padding:0;padding:1rem 0 0;text-align:center;font-size:1.75rem}}@media screen and (max-width:700px){.projectPage__hero__container-tagline{font-size:1.5rem;line-height:1.75rem}}.projectPage__hero__container-intro{display:flex;font-size:1.5rem;font-weight:500;color:#5f7684;max-width:60rem}@media screen and (max-width:1000px){.projectPage__hero__container-intro{text-align:center}}@media screen and (max-width:700px){.projectPage__hero__container-intro{font-size:1rem;line-height:1.3rem}}.projectPage__hero__container-links{display:flex;flex-direction:row;gap:2rem}@media screen and (max-width:1000px){.projectPage__hero__container-links{justify-content:space-between;justify-content:center;width:100%}}@media screen and (max-width:700px){.projectPage__hero__container-links{flex-direction:column;gap:1rem;align-items:center}}.projectPage__hero__container-links:not(:has(a:not([href="#"]))){display:none}.projectPage__hero__container-links a{width:7rem;text-align:center;cursor:pointer;font-size:1.5rem;font-weight:600;border-radius:2rem;padding:1rem 2rem;color:#fafafa;background-color:#144e2d;transition:background-color .3s ease}@media screen and (max-width:1000px){.projectPage__hero__container-links a{width:100%;width:14rem}}@media screen and (max-width:700px){.projectPage__hero__container-links a{padding:.5rem 1rem;width:100%;max-width:18rem;padding:.75rem 1rem;font-size:1.25rem}}.projectPage__hero__container-links a:hover{background-color:#187532}.projectPage__hero__container-links a[href="#"]{display:none}.projectPage__details{display:flex;flex-direction:row;margin:4rem;gap:4rem;width:auto}@media screen and (max-width:1000px){.projectPage__details{flex-direction:column;margin:3rem 0;gap:3rem}}@media screen and (max-width:700px){.projectPage__details{justify-content:center;width:95%;width:100%;margin:2rem auto 4rem;gap:2rem}}.projectPage__features{display:flex;flex:1 1 0;min-width:0;width:100%}.projectPage__features-container{display:flex;flex-direction:column;min-width:0;padding:1rem 3rem 4rem;width:100%;flex:1;align-items:stretch;background-color:#111a1b;border-radius:2rem;box-shadow:0 1rem 2rem #00000040}@media screen and (max-width:1000px){.projectPage__features-container{padding:2rem}}@media screen and (max-width:700px){.projectPage__features-container{padding:1rem 1rem 2rem;padding:1rem}}.projectPage__features-title{display:flex;width:100%;min-width:0;font-size:4rem;font-weight:700;padding:2rem;margin-bottom:1rem;color:#144e2d;text-align:center;justify-content:center;box-sizing:border-box}@media screen and (max-width:1600px){.projectPage__features-title{margin:0}}@media screen and (max-width:700px){.projectPage__features-title{font-size:3rem;padding:1rem}}.projectPage__features-items{display:flex;flex-direction:column;box-sizing:border-box;gap:2rem;min-width:0}@media screen and (max-width:700px){.projectPage__features-items{gap:1rem}}.projectPage__features-item{background:#144e2d;color:#fafafa;font-size:1.5rem;font-weight:500;line-height:3rem;padding:1rem 2rem;border-radius:1rem;box-shadow:0 1rem 2rem #0006;transition:transform .5s ease,background-color .5s ease}@media screen and (max-width:1600px){.projectPage__features-item{padding:1rem}}@media screen and (max-width:700px){.projectPage__features-item{padding:1rem;font-size:1rem;line-height:1.5rem}}.projectPage__features-item:hover{transform:scale(1.02);background-color:#187532}.projectPage__skills{display:flex;flex:1 1 0;min-width:0;width:100%}.projectPage__skills-container{display:flex;flex:1;width:100%;background-color:#111a1b;padding:3rem 0;border-radius:2rem;box-shadow:0 1rem 2rem #00000040}@media screen and (max-width:1000px){.projectPage__skills-container{padding:2rem 0}}@media screen and (max-width:700px){.projectPage__skills-container{padding:2rem 0 0;height:100%}}.projectPage__screenshots{display:flex;flex-direction:column}@media screen and (max-width:700px){.projectPage__screenshots{padding-bottom:0rem;padding-bottom:0;gap:2rem}}.projectPage__screenshot-item{margin:auto 4rem 4rem;box-shadow:0 1rem 2rem #00000040;border-radius:2rem;padding-bottom:4rem}@media screen and (max-width:1000px){.projectPage__screenshot-item{margin:2rem 0}}@media screen and (max-width:700px){.projectPage__screenshot-item{width:95%;width:100%;margin:auto auto 0;padding-bottom:0}}.projectPage__screenshot-item-title{font-size:4rem;font-weight:700;color:#fafafa;text-align:center;background-color:#111a1b;padding:4rem;border-radius:2rem 2rem 0 0;border-bottom:.5rem solid #187532}@media screen and (max-width:700px){.projectPage__screenshot-item-title{font-size:3rem;padding:2rem 0 1rem}}.projectPage__screenshot-item-images{width:auto;height:auto;display:grid;grid-template-columns:1fr;background-color:#fafafa;padding:2rem;gap:2rem}@media screen and (max-width:1600px){.projectPage__screenshot-item-images{grid-template-columns:1fr}}@media screen and (max-width:700px){.projectPage__screenshot-item-images{padding:0}}.projectPage__screenshot-item-image{min-width:0;width:100%;height:auto;border-radius:2rem;box-shadow:0 1rem 2rem #00000040}@media screen and (max-width:700px){.projectPage__screenshot-item-image{border-radius:0;box-shadow:none}}.projectPage__screenshot-item-description{background-color:#fafafa;color:#5f7684;font-size:2rem;font-weight:500;padding:2rem 4rem 4rem;border-radius:0 0 2rem 2rem}@media screen and (max-width:1600px){.projectPage__screenshot-item-description{font-size:1.5rem}}@media screen and (max-width:700px){.projectPage__screenshot-item-description{padding:1rem 2rem 2rem;font-size:1.25rem}}.projectPage__resources{display:flex;flex-direction:column;justify-self:center;margin:0rem 4rem;margin:0 4rem;border-radius:2rem;background-color:#111a1b;box-shadow:0 1rem 2rem #00000040}@media screen and (max-width:1000px){.projectPage__resources{margin:2rem 0}}@media screen and (max-width:700px){.projectPage__resources{margin:2rem auto;width:95%;width:100%}}.projectPage__resources-title{display:flex;justify-content:center;font-size:4rem;color:#144e2d;font-weight:700;padding:4rem 0 2rem;border-radius:2rem 2rem 0 0}@media screen and (max-width:700px){.projectPage__resources-title{font-size:3rem;padding:2rem 0 0}}.projectPage__resources-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem;padding:4rem}@media screen and (max-width:700px){.projectPage__resources-container{padding:1rem 1rem 2rem}}.projectPage__resource{display:flex;flex-direction:column;background-color:#fafafa;border-radius:2rem;padding:2rem;gap:2rem;min-width:15rem;max-width:18rem;flex:1 1 0}@media screen and (max-width:700px){.projectPage__resource{padding:2rem;min-width:none;max-width:none;gap:1rem}}.projectPage__resource:has(a[href="#"]){display:none}.projectPage__resource-name{font-size:2rem;font-weight:600;color:#144e2d}.projectPage__resource-description{font-size:1rem;font-weight:500;color:#5f7684}@media screen and (max-width:700px){.projectPage__resource-description{line-height:1.5rem}}.projectPage__resource-link{display:flex;gap:1rem}.projectPage__resource-link-title{font-size:1rem;font-weight:700;color:#144e2d}.projectPage__resource-link a{overflow-wrap:break-word;word-break:break-word;font-weight:600}.projectPage__resource-link a:hover{color:#3faf5f;cursor:pointer}.projectPage__resource-link a[href="#"]{display:none}#sectionNav{scroll-margin-top:4rem}#sectionOverview{scroll-margin-top:3rem}#sectionFeatures,#sectionResources,#sectionScreenshots{scroll-margin-top:9rem}@media screen and (max-width:1600px){#sectionFeatures,#sectionResources,#sectionScreenshots{scroll-margin-top:8rem}}#sectionSkills{scroll-margin-top:12rem}@media screen and (max-width:1600px){#sectionSkills{scroll-margin-top:11rem}}@media screen and (max-width:1000px){#sectionSkills{scroll-margin-top:11rem}}@media screen and (max-width:700px){#sectionSkills{scroll-margin-top:8rem}}.magical-vibe-code-page{--bg-1: #140824;--bg-2: #1d0f44;--bg-3: #092542;--bg-4: #2f104b;--text: #fff8ff;--muted: #ddd2ff;--line: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .09);--pink: #ff4fd8;--cyan: #4bf7ff;--violet: #925cff;--gold: #ffbe5c;--lime: #bbff5c;position:relative;min-height:100vh;overflow:hidden;color:var(--text);background:radial-gradient(circle at 10% 20%,rgba(75,247,255,.18),transparent 22%),radial-gradient(circle at 85% 15%,rgba(255,79,216,.18),transparent 24%),radial-gradient(circle at 50% 85%,rgba(146,92,255,.2),transparent 28%),linear-gradient(135deg,var(--bg-1) 0%,var(--bg-2) 36%,var(--bg-3) 68%,var(--bg-4) 100%);box-sizing:border-box}.magical-vibe-code-page *,.magical-vibe-code-page *:before,.magical-vibe-code-page *:after{box-sizing:inherit;min-width:0}.magical-vibe-code-page img{max-width:100%;height:auto;display:block}.magical-vibe-code-page__scroll-shell{position:relative;z-index:1;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:none;scroll-behavior:smooth;padding-bottom:2rem}.magical-vibe-code-page__snap-section{scroll-snap-align:none;scroll-snap-stop:normal}.magical-vibe-code-page__cursor-glow{position:fixed;width:20rem;height:20rem;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(75,247,255,.18) 0%,rgba(255,79,216,.12) 35%,transparent 70%);filter:blur(24px);z-index:0}.magical-vibe-code-page__scroll-progress{position:fixed;top:0;left:0;height:.35rem;z-index:80;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold),var(--lime));box-shadow:0 0 20px #4bf7ff59}.magical-vibe-code-page__aurora,.magical-vibe-code-page__grid,.magical-vibe-code-page__stars,.magical-vibe-code-page__blob{pointer-events:none;position:fixed;inset:0;z-index:0}.magical-vibe-code-page__aurora{filter:blur(70px);opacity:.52}.magical-vibe-code-page__aurora--one{background:radial-gradient(circle,rgba(75,247,255,.35) 0%,transparent 60%);transform:translate(-8%,-5%);animation:magicalFloatOne 18s ease-in-out infinite}.magical-vibe-code-page__aurora--two{background:radial-gradient(circle,rgba(255,79,216,.28) 0%,transparent 62%);transform:translate(45%,10%);animation:magicalFloatTwo 20s ease-in-out infinite}.magical-vibe-code-page__aurora--three{background:radial-gradient(circle,rgba(255,190,92,.2) 0%,transparent 60%);transform:translate(20%,55%);animation:magicalFloatThree 22s ease-in-out infinite}.magical-vibe-code-page__blob{filter:blur(12px)}.magical-vibe-code-page__blob--one,.magical-vibe-code-page__blob--two,.magical-vibe-code-page__blob--three{position:absolute;border-radius:42% 58% 60% 40%/40% 41% 59% 60%}.magical-vibe-code-page__blob--one{width:18rem;height:18rem;left:-4rem;top:30rem;background:#4bf7ff1a;animation:magicalBlobOne 14s ease-in-out infinite}.magical-vibe-code-page__blob--two{width:14rem;height:14rem;right:6%;top:42rem;background:#ff4fd81a;animation:magicalBlobTwo 12s ease-in-out infinite}.magical-vibe-code-page__blob--three{width:20rem;height:20rem;right:-4rem;bottom:10rem;background:#bbff5c14;animation:magicalBlobThree 16s ease-in-out infinite}.magical-vibe-code-page__grid{opacity:.1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 92%);animation:magicalGridShift 14s linear infinite}.magical-vibe-code-page__stars{opacity:.4;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 25% 70%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 40% 30%,rgba(255,255,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 65% 15%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 78% 48%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 90% 80%,rgba(255,255,255,.75) 0 1px,transparent 2px);background-size:26rem 26rem;animation:magicalTwinkle 7s ease-in-out infinite}.magical-vibe-code-page__nav-shell{position:fixed;top:0;left:0;width:100%;z-index:70;padding:1rem 1rem 0;pointer-events:none}.magical-vibe-code-page__nav{width:min(1200px,100% - 2rem);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:1.75rem;background:#0a08229e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #0000004d,0 0 40px #925cff14;pointer-events:auto;animation:magicalNavFloat 6s ease-in-out infinite}.magical-vibe-code-page__nav-left{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.magical-vibe-code-page__brand,.magical-vibe-code-page__nav-link,.magical-vibe-code-page__cta,.magical-vibe-code-page__menu-toggle,.magical-vibe-code-page__back-home,.magical-vibe-code-page__mobile-menu-link,.magical-vibe-code-page__mobile-home-link,.magical-vibe-code-page__project-button,.magical-vibe-code-page__contact-link-button{border:none;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.magical-vibe-code-page__brand{justify-self:start;color:var(--text);background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:1rem;letter-spacing:.05rem;text-decoration:none;animation:magicalBrandGlow 4s ease-in-out infinite}.magical-vibe-code-page__back-home{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.04rem;padding:.2rem 0;transition:transform .25s ease,opacity .25s ease}.magical-vibe-code-page__back-home:hover{transform:translate(-2px);opacity:.9}.magical-vibe-code-page__menu-toggle{display:none;width:3rem;height:3rem;padding:0;position:relative;border-radius:1rem;background:#ffffff0f;overflow:hidden}.magical-vibe-code-page__menu-toggle:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 180deg,transparent,rgba(75,247,255,.28),transparent);animation:magicalSpin 3s linear infinite;opacity:.7}.magical-vibe-code-page__menu-toggle span{position:absolute;left:.75rem;width:1.5rem;height:2px;background:var(--text);border-radius:999px;transition:transform .25s ease,opacity .25s ease,top .25s ease;z-index:1}.magical-vibe-code-page__menu-toggle span:nth-child(1){top:.95rem}.magical-vibe-code-page__menu-toggle span:nth-child(2){top:1.45rem}.magical-vibe-code-page__menu-toggle span:nth-child(3){top:1.95rem}.magical-vibe-code-page__menu-toggle--open span:nth-child(1){top:1.45rem;transform:rotate(45deg)}.magical-vibe-code-page__menu-toggle--open span:nth-child(2){opacity:0}.magical-vibe-code-page__menu-toggle--open span:nth-child(3){top:1.45rem;transform:rotate(-45deg)}.magical-vibe-code-page__nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.magical-vibe-code-page__nav-link{padding:.65rem 1rem;color:var(--text);background:transparent;border-radius:999px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.magical-vibe-code-page__nav-link:hover{transform:translateY(-2px) scale(1.03);background:#ffffff14;box-shadow:0 0 25px #4bf7ff1f}.magical-vibe-code-page__nav-link--active{background:#ffffff1a;box-shadow:0 0 22px #4bf7ff1a;animation:magicalActivePulse 2.5s ease-in-out infinite}.magical-vibe-code-page__mobile-menu{position:fixed;inset:0;z-index:69;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(75,247,255,.18),transparent 20%),radial-gradient(circle at 80% 20%,rgba(255,79,216,.18),transparent 24%),linear-gradient(135deg,#140824f7,#1d0f44fa,#092542f7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .3s ease,visibility .3s ease}.magical-vibe-code-page__mobile-menu--open{opacity:1;visibility:visible;pointer-events:auto}.magical-vibe-code-page__mobile-menu-inner{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:2rem;width:min(100%,34rem);margin:0 auto;padding:6rem 1.25rem 2rem}.magical-vibe-code-page__mobile-home-link{text-decoration:none;color:var(--gold);font-weight:800;letter-spacing:.04rem;text-align:center;font-size:.95rem}.magical-vibe-code-page__mobile-menu-links{display:grid;gap:.85rem}.magical-vibe-code-page__mobile-menu-link{width:100%;max-width:100%;min-width:0;padding:1rem 1.1rem;border-radius:1.3rem;color:var(--text);background:#ffffff0f;border:1px solid var(--line);text-align:left;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:800;letter-spacing:.03rem;transform:translateY(16px);opacity:0;overflow:hidden}.magical-vibe-code-page__mobile-menu-link span{display:inline-block}.magical-vibe-code-page__mobile-menu-link--active{background:#ffffff1f;box-shadow:0 0 30px #4bf7ff1f}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link{animation:magicalMenuRise .45s ease forwards}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(1){animation-delay:.04s}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(2){animation-delay:.08s}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(3){animation-delay:.12s}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(4){animation-delay:.16s}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(5){animation-delay:.2s}.magical-vibe-code-page__mobile-menu--open .magical-vibe-code-page__mobile-menu-link:nth-child(6){animation-delay:.24s}.magical-vibe-code-page__hero,.magical-vibe-code-page__section,.magical-vibe-code-page__footer{position:relative;z-index:1;width:min(1200px,100% - 2rem);margin:0 auto}.magical-vibe-code-page__hero{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center;padding:8rem 0 2rem}.magical-vibe-code-page__hero-left{display:flex;flex-direction:column;gap:1.25rem;animation:magicalFadeUp .9s ease both}.magical-vibe-code-page__hero-right{position:relative;min-height:34rem;display:flex;align-items:center;justify-content:center;animation:magicalFadeUp 1.1s ease both}.magical-vibe-code-page__eyebrow{width:fit-content;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff12;color:var(--muted);text-transform:uppercase;letter-spacing:.12rem;font-size:.74rem;animation:magicalSoftPulse 3s ease-in-out infinite}.magical-vibe-code-page__title{margin:0;font-size:clamp(2.8rem,8vw,6rem);line-height:.94;letter-spacing:-.06em;text-shadow:0 0 30px rgba(255,79,216,.1);animation:magicalTitleDrift 5s ease-in-out infinite}.magical-vibe-code-page__intro{max-width:40rem;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.85}.magical-vibe-code-page__hero-actions{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem;width:100%;align-items:stretch}.magical-vibe-code-page__magnetic{transition:transform .18s ease,box-shadow .25s ease,background .25s ease;will-change:transform}.magical-vibe-code-page__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;min-width:0;max-width:100%;padding:1rem 1.35rem;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;text-decoration:none;overflow:hidden;text-align:center;white-space:normal;word-break:break-word;overflow-wrap:anywhere;flex:1 1 12rem}.magical-vibe-code-page__cta:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:magicalShimmer 4s linear infinite}.magical-vibe-code-page__cta:hover{box-shadow:0 0 35px #4bf7ff38}.magical-vibe-code-page__cta--primary{color:#1d1332;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 35px #4bf7ff40}.magical-vibe-code-page__cta--secondary{color:var(--text);background:#ffffff14;border:1px solid var(--line);box-shadow:0 0 30px #ff4fd814}.magical-vibe-code-page__hero-chip-row{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.3rem}.magical-vibe-code-page__hero-chip{padding:.65rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:.88rem;box-shadow:0 0 20px #925cff14;animation:magicalChipFloat 5s ease-in-out infinite}.magical-vibe-code-page__hero-chip:nth-child(2){animation-delay:.6s}.magical-vibe-code-page__hero-chip:nth-child(3){animation-delay:1.2s}.magical-vibe-code-page__portrait-shell{position:absolute;top:-1rem;right:2rem;width:11rem;height:11rem;padding:.35rem;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink),var(--gold));box-shadow:0 0 35px #4bf7ff40,0 0 45px #ff4fd82e;z-index:3;animation:magicalPortraitFloat 6s ease-in-out infinite}.magical-vibe-code-page__portrait{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(10,8,34,.85);background:#ffffff14}.magical-vibe-code-page__magic-card{position:relative;width:min(100%,29rem);aspect-ratio:1/1;border-radius:2.4rem;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 60px #00000057,0 0 50px #925cff1f;overflow:hidden;animation:magicalCardFloat 8s ease-in-out infinite}.magical-vibe-code-page__magic-card:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(75,247,255,.16),transparent 18%),radial-gradient(circle at 70% 25%,rgba(255,79,216,.12),transparent 20%),radial-gradient(circle at 50% 75%,rgba(255,190,92,.12),transparent 22%);animation:magicalRotateSlow 18s linear infinite}.magical-vibe-code-page__magic-orb{position:absolute;width:16rem;height:16rem;top:20%;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(75,247,255,.72),rgba(255,79,216,.42),transparent 75%);filter:blur(8px);animation:magicalPulse 6s ease-in-out infinite}.magical-vibe-code-page__magic-content{position:absolute;inset:0;display:grid;place-items:center;gap:1rem;padding:2rem;text-align:center;font-weight:800;letter-spacing:.06rem;text-transform:uppercase}.magical-vibe-code-page__magic-content span{display:inline-block;padding:.6rem 1rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:magicalSoftPulse 4s ease-in-out infinite}.magical-vibe-code-page__magic-content span:nth-child(2){animation-delay:.6s}.magical-vibe-code-page__magic-content span:nth-child(3){animation-delay:1.2s}.magical-vibe-code-page__floating-pill{position:absolute;padding:.8rem 1rem;border-radius:999px;font-size:.85rem;border:1px solid rgba(255,255,255,.14);background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 35px #00000038;animation:magicalPillOrbit 6s ease-in-out infinite}.magical-vibe-code-page__floating-pill--one{top:2rem;left:0}.magical-vibe-code-page__floating-pill--two{right:0;top:7rem;animation-delay:.9s}.magical-vibe-code-page__floating-pill--three{bottom:2rem;left:2rem;animation-delay:1.8s}.magical-vibe-code-page__section{min-height:auto;display:flex;flex-direction:column;justify-content:center;padding:7rem 0 3rem}.magical-vibe-code-page__section--contact{min-height:auto;justify-content:flex-start;padding:7rem 0 1.5rem;scroll-snap-align:none;scroll-snap-stop:normal}.magical-vibe-code-page__section-heading{max-width:42rem;margin-bottom:2rem;animation:magicalFadeUp .8s ease both}.magical-vibe-code-page__section-heading span{display:inline-block;margin-bottom:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.14rem;font-size:.75rem;animation:magicalSoftPulse 3.5s ease-in-out infinite}.magical-vibe-code-page__section-heading h2{margin:0 0 .75rem;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.magical-vibe-code-page__section-heading p{margin:0;color:var(--muted);line-height:1.8}.magical-vibe-code-page__skills-grid,.magical-vibe-code-page__project-grid{display:grid;gap:1.25rem}.magical-vibe-code-page__skills-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.magical-vibe-code-page__skill-card{position:relative;display:flex;align-items:center;gap:.9rem;padding:1.15rem 1.1rem;border-radius:1.4rem;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 35px #0000002e,0 0 25px #4bf7ff0f;overflow:hidden;animation:magicalCardBob 5s ease-in-out infinite}.magical-vibe-code-page__skill-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transform:translate(-120%);transition:transform .55s ease}.magical-vibe-code-page__skill-card:hover{transform:translateY(-.35rem);box-shadow:0 20px 45px #00000038,0 0 30px #4bf7ff1f}.magical-vibe-code-page__skill-card:hover:after{transform:translate(120%)}.magical-vibe-code-page__skill-card:nth-child(2n){animation-delay:.5s}.magical-vibe-code-page__skill-card:nth-child(3n){animation-delay:1s}.magical-vibe-code-page__skill-dot{width:.8rem;height:.8rem;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 18px #4bf7ff73;animation:magicalDotPulse 2.3s ease-in-out infinite}.magical-vibe-code-page__skill-text{display:flex;flex-direction:column;gap:.2rem}.magical-vibe-code-page__skill-name{font-weight:800}.magical-vibe-code-page__skill-section{color:var(--muted);font-size:.82rem}.magical-vibe-code-page__skill-spark{margin-left:auto;color:var(--gold);opacity:.75;font-size:1rem;animation:magicalSparkle 2.8s ease-in-out infinite}.magical-vibe-code-page__skill-icon-shell{margin-left:auto;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;display:grid;place-items:center;border-radius:.85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);animation:magicalSoftPulse 4s ease-in-out infinite}.magical-vibe-code-page__skill-icon{width:1.2rem;height:1.2rem;opacity:.9}.magical-vibe-code-page__project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.magical-vibe-code-page__project-card,.magical-vibe-code-page__experience-card,.magical-vibe-code-page__timeline-content,.magical-vibe-code-page__contact-card{border-radius:1.8rem;border:1px solid var(--line);background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 45px #0003,0 0 35px #925cff0f;overflow:hidden}.magical-vibe-code-page__project-card{position:relative;padding:1.25rem;animation:magicalCardBob 7s ease-in-out infinite}.magical-vibe-code-page__project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(75,247,255,.06),transparent 35%,rgba(255,79,216,.04),transparent 70%);pointer-events:none}.magical-vibe-code-page__project-card:hover{transform:translateY(-.45rem);box-shadow:0 24px 55px #0000003d,0 0 45px #925cff1a}.magical-vibe-code-page__project-card h3{margin:0 0 .65rem;font-size:1.4rem}.magical-vibe-code-page__project-card p{margin:0 0 1rem;color:var(--muted);line-height:1.75}.magical-vibe-code-page__project-card:nth-child(2n){animation-delay:.7s}.magical-vibe-code-page__project-card:nth-child(3n){animation-delay:1.4s}.magical-vibe-code-page__project-top{margin-bottom:1rem}.magical-vibe-code-page__project-type{display:inline-block;margin-bottom:1rem;padding:.45rem .75rem;border-radius:999px;background:#ffffff14;color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.08rem;animation:magicalSoftPulse 4s ease-in-out infinite}.magical-vibe-code-page__project-started{display:inline-flex;margin-top:.25rem;padding:.42rem .72rem;border-radius:999px;background:#ffffff12;color:var(--muted);font-size:.8rem;line-height:1}.magical-vibe-code-page__project-visual{height:10rem;border-radius:1.25rem;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(75,247,255,.45),transparent 18%),radial-gradient(circle at 70% 35%,rgba(255,79,216,.4),transparent 20%),radial-gradient(circle at 50% 75%,rgba(255,190,92,.35),transparent 25%),linear-gradient(135deg,#0d1230f2,#2b0b45d9);animation:magicalProjectGlow 10s linear infinite}.magical-vibe-code-page__project-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:1.25rem;opacity:.9;transition:transform .35s ease}.magical-vibe-code-page__project-card:hover .magical-vibe-code-page__project-image{transform:scale(1.06)}.magical-vibe-code-page__project-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.magical-vibe-code-page__project-stat{display:flex;flex-direction:column;gap:.22rem;padding:.75rem .85rem;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);min-width:0;animation:magicalSoftPulse 5s ease-in-out infinite}.magical-vibe-code-page__project-stat-label{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.07rem}.magical-vibe-code-page__project-stat-value{color:var(--text);font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.magical-vibe-code-page__tag-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.magical-vibe-code-page__tag{padding:.5rem .8rem;border-radius:999px;background:#ffffff12;color:var(--text);font-size:.84rem;animation:magicalTagFloat 4.5s ease-in-out infinite}.magical-vibe-code-page__project-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem;width:100%}.magical-vibe-code-page__project-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;min-width:0;max-width:100%;padding:.82rem 1rem;border-radius:999px;text-decoration:none;font-weight:700;flex:1 1 11rem;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-align:center;line-height:1.2;overflow:hidden}.magical-vibe-code-page__project-button:after{content:"";position:absolute;inset:0;transform:translate(-125%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:magicalShimmer 5s linear infinite}.magical-vibe-code-page__project-button:hover{transform:translateY(-.15rem)}.magical-vibe-code-page__project-button--primary{color:#201538;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 25px #4bf7ff2e}.magical-vibe-code-page__project-button--secondary{color:var(--text);background:#ffffff12;border:1px solid var(--line)}.magical-vibe-code-page__timeline{position:relative;display:grid;gap:1.5rem;padding-left:1.5rem}.magical-vibe-code-page__timeline:before{content:"";position:absolute;left:.45rem;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--pink),var(--gold));opacity:.7;animation:magicalTimelineGlow 3.2s ease-in-out infinite}.magical-vibe-code-page__timeline-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.magical-vibe-code-page__timeline-node{position:absolute;left:-1.5rem;top:2rem;width:1rem;height:1rem;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 20px #4bf7ff59,0 0 30px #ff4fd833;animation:magicalDotPulse 2.5s ease-in-out infinite}.magical-vibe-code-page__timeline-logo-shell{width:4.5rem;height:4.5rem;flex:0 0 4.5rem;display:grid;place-items:center;margin-top:.5rem;border-radius:1rem;padding:.65rem;background:#ffffff12;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:magicalLogoFloat 5s ease-in-out infinite}.magical-vibe-code-page__timeline-logo{width:100%;height:100%;object-fit:contain;object-position:center}.magical-vibe-code-page__timeline-content{padding:1.5rem;animation:magicalCardBob 7s ease-in-out infinite}.magical-vibe-code-page__timeline-content h3,.magical-vibe-code-page__timeline-content h4,.magical-vibe-code-page__timeline-content p{margin:0}.magical-vibe-code-page__timeline-content h3{margin-bottom:.35rem;font-size:1.4rem}.magical-vibe-code-page__timeline-content h4{margin-bottom:.75rem;color:var(--gold);font-weight:700}.magical-vibe-code-page__timeline-content p{color:var(--muted);line-height:1.75}.magical-vibe-code-page__timeline-location{margin-top:.5rem;color:var(--muted);font-size:.9rem;line-height:1.5}.magical-vibe-code-page__timeline-date,.magical-vibe-code-page__experience-date{display:inline-block;margin-bottom:.85rem;padding:.45rem .75rem;border-radius:999px;background:#ffffff14;color:var(--text);font-size:.82rem}.magical-vibe-code-page__experience-stack{display:grid;gap:1.25rem}.magical-vibe-code-page__experience-card{position:relative;padding:1.5rem;animation:magicalCardBob 6.5s ease-in-out infinite}.magical-vibe-code-page__experience-card h3,.magical-vibe-code-page__experience-card h4,.magical-vibe-code-page__experience-card p{position:relative;z-index:1;margin:0}.magical-vibe-code-page__experience-card h3{margin-bottom:.35rem;font-size:1.45rem}.magical-vibe-code-page__experience-card h4{margin-bottom:.85rem;color:var(--gold);font-weight:700}.magical-vibe-code-page__experience-card p{color:var(--muted);line-height:1.75}.magical-vibe-code-page__experience-card:hover{transform:translateY(-.35rem)}.magical-vibe-code-page__experience-glow{position:absolute;inset:auto auto -2rem -2rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(75,247,255,.22),transparent 70%);filter:blur(10px);animation:magicalPulseGlow 4s ease-in-out infinite}.magical-vibe-code-page__experience-logo-shell{width:4.75rem;height:4.75rem;display:grid;place-items:center;margin-bottom:1rem;border-radius:1rem;padding:.65rem;background:#ffffff12;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;z-index:1;animation:magicalLogoFloat 5.5s ease-in-out infinite}.magical-vibe-code-page__experience-logo{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.magical-vibe-code-page__experience-location{margin-bottom:.85rem;color:var(--muted);font-size:.92rem;line-height:1.5;position:relative;z-index:1}.magical-vibe-code-page__contact-card{position:relative;padding:2rem;text-align:center;animation:magicalCardBob 6s ease-in-out infinite}.magical-vibe-code-page__contact-card span{display:inline-block;margin-bottom:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12rem;font-size:.75rem;animation:magicalSoftPulse 3.5s ease-in-out infinite}.magical-vibe-code-page__contact-card h2{margin:0 0 .85rem;font-size:clamp(2rem,5vw,3.2rem)}.magical-vibe-code-page__contact-card p{max-width:38rem;margin:0 auto 1.5rem;color:var(--muted);line-height:1.85}.magical-vibe-code-page__contact-links{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem;width:100%}.magical-vibe-code-page__contact-link-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.25rem;min-width:0;width:auto;padding:.9rem 1.2rem;border-radius:999px;border:1px solid var(--line);background:#ffffff12;color:var(--text);text-decoration:none;flex:1 1 13rem;max-width:16rem;white-space:nowrap;text-align:center;line-height:1.1;overflow:hidden}.magical-vibe-code-page__contact-link-button:after{content:"";position:absolute;inset:0;transform:translate(-125%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:magicalShimmer 5.2s linear infinite}.magical-vibe-code-page__contact-link-button:hover{transform:translateY(-.15rem);box-shadow:0 0 25px #4bf7ff1f}.magical-vibe-code-page__contact-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;animation:magicalIconWiggle 4s ease-in-out infinite}.magical-vibe-code-page__footer,.magical-vibe-code-page__section--contact{position:relative;z-index:2}.magical-vibe-code-page__footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 3.5rem;color:var(--muted);font-size:.92rem;flex-wrap:wrap;min-height:auto;scroll-snap-align:none;scroll-snap-stop:normal}.magical-vibe-code-page__footer-note{width:100%;color:var(--gold);font-size:.95rem;padding:.75rem;border-radius:2rem;vertical-align:center;text-align:center;animation:magicalSoftPulse 3.8s ease-in-out infinite}@media(max-width:1200px){.magical-vibe-code-page__skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.magical-vibe-code-page__project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.magical-vibe-code-page__hero{grid-template-columns:1fr;gap:2rem;padding-top:8rem}.magical-vibe-code-page__hero-right{min-height:24rem}.magical-vibe-code-page__skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.magical-vibe-code-page__portrait-shell{top:.5rem;right:1rem;width:8rem;height:8rem}.magical-vibe-code-page__floating-pill--one{top:1rem;left:.5rem}.magical-vibe-code-page__floating-pill--two{top:5rem;right:.5rem}.magical-vibe-code-page__floating-pill--three{bottom:1rem;left:1rem}}@media(max-width:820px){.magical-vibe-code-page__cursor-glow{display:none}.magical-vibe-code-page__nav-shell{padding:.75rem .75rem 0}.magical-vibe-code-page__nav{width:100%;grid-template-columns:1fr auto;gap:.75rem;padding:.85rem;border-radius:1.25rem}.magical-vibe-code-page__nav-links,.magical-vibe-code-page__back-home{display:none}.magical-vibe-code-page__menu-toggle{display:inline-block;justify-self:end}.magical-vibe-code-page__hero,.magical-vibe-code-page__section,.magical-vibe-code-page__footer{width:min(100%,100% - 1.5rem)}.magical-vibe-code-page__hero{gap:1.75rem;padding:7.5rem 0 1rem;min-height:auto}.magical-vibe-code-page__hero-right{min-height:22rem}.magical-vibe-code-page__magic-card{width:100%;max-width:28rem;margin:0 auto}.magical-vibe-code-page__skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magical-vibe-code-page__project-grid{grid-template-columns:1fr}.magical-vibe-code-page__footer{flex-direction:column;gap:.75rem}}@media(max-width:640px){.magical-vibe-code-page__scroll-shell{scroll-snap-type:none}.magical-vibe-code-page__nav-shell{padding:.6rem .6rem 0}.magical-vibe-code-page__nav{padding:.8rem;border-radius:1.1rem}.magical-vibe-code-page__brand{font-size:.92rem;line-height:1.2;max-width:72%;word-break:break-word}.magical-vibe-code-page__hero,.magical-vibe-code-page__section,.magical-vibe-code-page__footer{width:calc(100% - 1rem)}.magical-vibe-code-page__hero{gap:1.25rem;padding:7rem 0 1rem}.magical-vibe-code-page__eyebrow{font-size:.68rem;letter-spacing:.08rem;padding:.45rem .75rem}.magical-vibe-code-page__title{font-size:clamp(2.2rem,11vw,3.2rem);line-height:.98}.magical-vibe-code-page__intro{font-size:.98rem;line-height:1.65}.magical-vibe-code-page__hero-actions,.magical-vibe-code-page__project-actions,.magical-vibe-code-page__contact-links{flex-direction:column;align-items:stretch}.magical-vibe-code-page__cta,.magical-vibe-code-page__project-button,.magical-vibe-code-page__contact-link-button{width:100%;max-width:100%;min-width:0;flex:1 1 auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-align:center;padding-left:.95rem;padding-right:.95rem}.magical-vibe-code-page__hero-chip-row{gap:.5rem}.magical-vibe-code-page__hero-chip{font-size:.76rem;padding:.55rem .75rem}.magical-vibe-code-page__hero-right{min-height:19rem}.magical-vibe-code-page__portrait-shell{width:6.5rem;height:6.5rem;top:.25rem;right:.25rem}.magical-vibe-code-page__magic-card{border-radius:1.5rem;aspect-ratio:auto;min-height:18rem}.magical-vibe-code-page__magic-orb{width:11rem;height:11rem;top:24%}.magical-vibe-code-page__magic-content{padding:1.25rem;gap:.55rem}.magical-vibe-code-page__magic-content span{font-size:.72rem;padding:.5rem .7rem}.magical-vibe-code-page__floating-pill{font-size:.68rem;padding:.55rem .7rem;max-width:40%}.magical-vibe-code-page__floating-pill--one{top:.6rem;left:.35rem}.magical-vibe-code-page__floating-pill--two{top:3.9rem;right:.35rem}.magical-vibe-code-page__floating-pill--three{left:.6rem;bottom:.6rem}.magical-vibe-code-page__section{min-height:auto;padding:6.5rem 0 2.5rem}.magical-vibe-code-page__section-heading{margin-bottom:1.4rem}.magical-vibe-code-page__section-heading span{font-size:.68rem}.magical-vibe-code-page__section-heading h2{font-size:clamp(1.7rem,8vw,2.4rem);line-height:1.05}.magical-vibe-code-page__section-heading p{font-size:.95rem;line-height:1.65}.magical-vibe-code-page__skills-grid{grid-template-columns:1fr;gap:.9rem}.magical-vibe-code-page__skill-card{padding:1rem;border-radius:1.1rem}.magical-vibe-code-page__project-card,.magical-vibe-code-page__experience-card,.magical-vibe-code-page__timeline-content,.magical-vibe-code-page__contact-card{border-radius:1.25rem;padding:1.1rem}.magical-vibe-code-page__project-stats{grid-template-columns:1fr}.magical-vibe-code-page__timeline{padding-left:1.1rem}.magical-vibe-code-page__timeline:before{left:.3rem}.magical-vibe-code-page__timeline-card{grid-template-columns:1fr;gap:.8rem}.magical-vibe-code-page__timeline-node{left:-1.1rem;width:.8rem;height:.8rem}.magical-vibe-code-page__timeline-logo-shell,.magical-vibe-code-page__experience-logo-shell{width:3.75rem;height:3.75rem;padding:.5rem}.magical-vibe-code-page__contact-card{text-align:left}.magical-vibe-code-page__contact-card p{margin:0 0 1.25rem}.magical-vibe-code-page__footer{padding:.75rem 0 2rem;font-size:.85rem}.magical-vibe-code-page__footer-note{font-size:.85rem;padding-top:.5rem}.magical-vibe-code-page__blob--one,.magical-vibe-code-page__blob--two,.magical-vibe-code-page__blob--three{opacity:.55;transform:scale(.75)}}@media(max-width:420px){.magical-vibe-code-page__nav-shell{padding:.5rem .5rem 0}.magical-vibe-code-page__nav{padding:.75rem}.magical-vibe-code-page__brand{font-size:.85rem;max-width:68%}.magical-vibe-code-page__title{font-size:2rem}.magical-vibe-code-page__intro{font-size:.92rem}.magical-vibe-code-page__hero-right{min-height:17rem}.magical-vibe-code-page__portrait-shell{width:5.5rem;height:5.5rem}.magical-vibe-code-page__magic-card{min-height:16rem}.magical-vibe-code-page__magic-orb{width:9rem;height:9rem}.magical-vibe-code-page__floating-pill{display:none}.magical-vibe-code-page__section{padding:6.25rem 0 2.2rem}.magical-vibe-code-page__timeline-logo-shell,.magical-vibe-code-page__experience-logo-shell{width:3.25rem;height:3.25rem}}@keyframes magicalFloatOne{0%{transform:translate(-8%,-5%) scale(1)}50%{transform:translate(-2%,4%) scale(1.08)}to{transform:translate(-8%,-5%) scale(1)}}@keyframes magicalFloatTwo{0%{transform:translate(45%,10%) scale(1)}50%{transform:translate(35%,18%) scale(1.1)}to{transform:translate(45%,10%) scale(1)}}@keyframes magicalFloatThree{0%{transform:translate(20%,55%) scale(1)}50%{transform:translate(28%,48%) scale(1.06)}to{transform:translate(20%,55%) scale(1)}}@keyframes magicalBlobOne{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1rem) rotate(8deg)}to{transform:translateY(0) rotate(0)}}@keyframes magicalBlobTwo{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(1rem) rotate(-10deg)}to{transform:translateY(0) rotate(0)}}@keyframes magicalBlobThree{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.8rem) rotate(6deg)}to{transform:translateY(0) rotate(0)}}@keyframes magicalGridShift{0%{transform:translateY(0)}to{transform:translateY(3rem)}}@keyframes magicalTwinkle{0%{opacity:.18}50%{opacity:.42}to{opacity:.18}}@keyframes magicalPulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}to{transform:translate(-50%) scale(1)}}@keyframes magicalProjectGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes magicalMenuRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes magicalFadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes magicalSoftPulse{0%{transform:scale(1);box-shadow:0 0 #4bf7ff00}50%{transform:scale(1.03);box-shadow:0 0 20px #4bf7ff14}to{transform:scale(1);box-shadow:0 0 #4bf7ff00}}@keyframes magicalPortraitFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.7rem) rotate(1.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes magicalCardFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.6rem) rotate(.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes magicalPillOrbit{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-.45rem) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes magicalCardBob{0%{transform:translateY(0)}50%{transform:translateY(-.25rem)}to{transform:translateY(0)}}@keyframes magicalDotPulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:.95}}@keyframes magicalSparkle{0%{transform:rotate(0) scale(1);opacity:.65}50%{transform:rotate(18deg) scale(1.18);opacity:1}to{transform:rotate(0) scale(1);opacity:.65}}@keyframes magicalTagFloat{0%{transform:translateY(0)}50%{transform:translateY(-.18rem)}to{transform:translateY(0)}}@keyframes magicalShimmer{0%{transform:translate(-125%)}to{transform:translate(125%)}}@keyframes magicalTimelineGlow{0%{opacity:.45}50%{opacity:.95}to{opacity:.45}}@keyframes magicalPulseGlow{0%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.85}to{transform:scale(1);opacity:.55}}@keyframes magicalLogoFloat{0%{transform:translateY(0)}50%{transform:translateY(-.22rem)}to{transform:translateY(0)}}@keyframes magicalChipFloat{0%{transform:translateY(0)}50%{transform:translateY(-.18rem)}to{transform:translateY(0)}}@keyframes magicalNavFloat{0%{transform:translateY(0)}50%{transform:translateY(-.15rem)}to{transform:translateY(0)}}@keyframes magicalBrandGlow{0%{filter:drop-shadow(0 0 0 rgba(75,247,255,0))}50%{filter:drop-shadow(0 0 10px rgba(75,247,255,.2))}to{filter:drop-shadow(0 0 0 rgba(75,247,255,0))}}@keyframes magicalActivePulse{0%{box-shadow:0 0 18px #4bf7ff0f}50%{box-shadow:0 0 28px #4bf7ff29}to{box-shadow:0 0 18px #4bf7ff0f}}@keyframes magicalTitleDrift{0%{transform:translateY(0)}50%{transform:translateY(-.15rem)}to{transform:translateY(0)}}@keyframes magicalRotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes magicalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes magicalIconWiggle{0%{transform:rotate(0)}10%{transform:rotate(-8deg)}20%{transform:rotate(8deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(0)}to{transform:rotate(0)}}.vibeCodePage{min-height:100vh;color:#fafafa;background:radial-gradient(circle at top left,rgba(36,163,70,.08),transparent 30%),linear-gradient(180deg,#0d1415,#111a1b)}.vibeCodePage *,.vibeCodePage *:before,.vibeCodePage *:after{box-sizing:border-box}.vibeCodePage__hero{min-height:100vh;padding:1.5rem 0 3rem}.vibeCodePage__nav{position:sticky;top:0;z-index:30;width:min(1400px,92%);margin:0 auto;padding:1rem 1.25rem;border:1px solid rgba(250,250,250,.08);border-radius:1.25rem;background:#111a1bb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1000px){.vibeCodePage__nav{width:95%;gap:1rem}}@media screen and (max-width:700px){.vibeCodePage__nav{padding:.9rem 1rem}}.vibeCodePage__brand{border:0;background:linear-gradient(135deg,#144e2d,#24a346);color:#fafafa;width:4rem;height:3rem;border-radius:1rem;font-size:1rem;font-weight:800;cursor:pointer;flex-shrink:0}.vibeCodePage__navLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}@media screen and (max-width:700px){.vibeCodePage__navLinks{gap:.25rem}}.vibeCodePage__navLink,.vibeCodePage__footerLink{border:0;background:transparent;color:#fafafacc;padding:.7rem 1rem;border-radius:999px;font-size:.95rem;cursor:pointer;transition:.2s ease}.vibeCodePage__navLink:hover,.vibeCodePage__footerLink:hover{background-color:#fafafa14;color:#fafafa}@media screen and (max-width:700px){.vibeCodePage__navLink,.vibeCodePage__footerLink{padding:.6rem .75rem;font-size:.85rem}}.vibeCodePage__heroContent{width:min(1400px,92%);margin:4rem auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}@media screen and (max-width:1000px){.vibeCodePage__heroContent{grid-template-columns:1fr;margin-top:2.5rem}}.vibeCodePage__heroCopy,.vibeCodePage__heroCard,.vibeCodePage__panel,.vibeCodePage__projectCard,.vibeCodePage__timelineCard,.vibeCodePage__contactCard,.vibeCodePage__skillCard{border:1px solid rgba(250,250,250,.08);background:#1a2d2880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px #00000038}.vibeCodePage__heroCopy{padding:3rem;border-radius:2rem}@media screen and (max-width:700px){.vibeCodePage__heroCopy{padding:1.5rem;border-radius:1.5rem}}.vibeCodePage__eyebrow,.vibeCodePage__sectionLabel{text-transform:uppercase;letter-spacing:.16rem;color:#24a346;font-size:.8rem;font-weight:700;margin-bottom:1rem}.vibeCodePage__title{font-size:clamp(2.75rem,6vw,5.5rem);line-height:.95;margin:0 0 1.5rem;max-width:11ch}.vibeCodePage__subtitle{font-size:1.15rem;line-height:1.8;color:#fafafad1;max-width:60ch;margin-bottom:2rem}@media screen and (max-width:700px){.vibeCodePage__subtitle{font-size:1rem}}.vibeCodePage__heroActions,.vibeCodePage__contactActions,.vibeCodePage__projectLinks,.vibeCodePage__heroPills,.vibeCodePage__projectSkills{display:flex;flex-wrap:wrap;gap:.75rem}.vibeCodePage__button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700;transition:.2s ease;border:1px solid transparent;cursor:pointer}.vibeCodePage__button--primary{background:linear-gradient(135deg,#144e2d,#24a346);color:#fafafa}.vibeCodePage__button--primary:hover{transform:translateY(-2px)}.vibeCodePage__button--secondary{background:transparent;color:#fafafa;border-color:#fafafa2e}.vibeCodePage__button--secondary:hover{background-color:#fafafa14}.vibeCodePage__heroPills{margin-top:1.5rem}.vibeCodePage__heroPills span{padding:.65rem .95rem;border-radius:999px;background-color:#fafafa0f;color:#fafafad9;font-size:.92rem}.vibeCodePage__heroCard{border-radius:2rem;overflow:hidden}@media screen and (max-width:700px){.vibeCodePage__heroCard{border-radius:1.5rem}}.vibeCodePage__heroImage{width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;display:block}.vibeCodePage__heroCardContent{padding:1.5rem}.vibeCodePage__heroCardContent h2{font-size:1.6rem;margin:0 0 .9rem;line-height:1.2}.vibeCodePage__heroCardContent p{margin:0;color:#fafafac7;line-height:1.7}.vibeCodePage__heroCardLabel{color:#24a346!important;font-size:.82rem;text-transform:uppercase;letter-spacing:.14rem;margin-bottom:.7rem!important}.vibeCodePage__section{width:min(1400px,92%);margin:0 auto;padding:4rem 0}@media screen and (max-width:700px){.vibeCodePage__section{padding:3rem 0}}.vibeCodePage__section--contact{padding-bottom:2rem}.vibeCodePage__sectionHeading{margin-bottom:1.8rem}.vibeCodePage__sectionHeading h2{font-size:clamp(1.8rem,4vw,3rem);margin:0;line-height:1.05;max-width:16ch}.vibeCodePage__aboutGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem}@media screen and (max-width:1000px){.vibeCodePage__aboutGrid{grid-template-columns:1fr}}.vibeCodePage__panel{padding:2rem;border-radius:1.75rem}.vibeCodePage__panel p{margin:0 0 1rem;line-height:1.9;color:#fafafad1}.vibeCodePage__panel p:last-child{margin-bottom:0}.vibeCodePage__textHighlight{color:#24a346;font-weight:700}.vibeCodePage__aboutStats{display:grid;gap:1rem;align-content:start}.vibeCodePage__aboutStats div{padding:1rem 1.1rem;background-color:#fafafa0a;border-radius:1rem;border:1px solid rgba(250,250,250,.06)}.vibeCodePage__aboutStats span{display:block;font-size:.82rem;color:#fafafa8f;text-transform:uppercase;letter-spacing:.1rem;margin-bottom:.35rem}.vibeCodePage__aboutStats strong{font-size:1.05rem}.vibeCodePage__skillsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}@media screen and (max-width:1600px){.vibeCodePage__skillsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1000px){.vibeCodePage__skillsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:700px){.vibeCodePage__skillsGrid{grid-template-columns:1fr}}.vibeCodePage__skillCard{padding:1.1rem;border-radius:1.4rem;display:flex;align-items:center;gap:1rem}.vibeCodePage__skillIcon{width:3.2rem;height:3.2rem;flex-shrink:0;display:grid;place-items:center;border-radius:1rem;background:#fafafa0f}.vibeCodePage__skillIcon svg{width:1.7rem;height:1.7rem;fill:#fafafa}.vibeCodePage__skillContent h3{margin:0 0 .25rem;font-size:1rem}.vibeCodePage__skillContent p{margin:0;color:#fafafa9e;font-size:.92rem}.vibeCodePage__projectsGrid{display:grid;gap:1.25rem}.vibeCodePage__projectCard{border-radius:1.75rem;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr}@media screen and (max-width:1000px){.vibeCodePage__projectCard{grid-template-columns:1fr}}.vibeCodePage__projectImageWrap{position:relative;min-height:100%;background:linear-gradient(135deg,#1a2d28,#144e2d)}.vibeCodePage__projectImage{width:100%;height:100%;min-height:18rem;object-fit:cover;display:block;opacity:.82}.vibeCodePage__projectBadge{position:absolute;left:1rem;top:1rem;padding:.55rem .8rem;border-radius:999px;background-color:#111a1bcc;border:1px solid rgba(250,250,250,.08);font-size:.85rem;font-weight:700}.vibeCodePage__projectContent{padding:1.5rem}.vibeCodePage__projectTop{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}@media screen and (max-width:700px){.vibeCodePage__projectTop{flex-direction:column}}.vibeCodePage__projectTop h3{margin:0 0 .4rem;font-size:1.5rem}.vibeCodePage__projectTagline,.vibeCodePage__projectIntro,.vibeCodePage__timelineContent p{color:#fafafac7;line-height:1.75}.vibeCodePage__projectTagline{margin:0}.vibeCodePage__projectDate{white-space:nowrap;margin:0;color:#fafafa8c;font-size:.9rem}.vibeCodePage__projectIntro{margin:0 0 1rem}.vibeCodePage__projectMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}@media screen and (max-width:700px){.vibeCodePage__projectMeta{grid-template-columns:1fr}}.vibeCodePage__metaItem{padding:.9rem 1rem;border-radius:1rem;background-color:#fafafa0d}.vibeCodePage__metaItem span{display:block;color:#fafafa80;font-size:.8rem;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.08rem}.vibeCodePage__metaItem strong{font-size:.95rem;word-break:break-word}.vibeCodePage__projectSkills{margin-bottom:1rem}.vibeCodePage__projectSkills span{padding:.55rem .8rem;background-color:#24a3461f;color:#fafafa;border:1px solid rgba(36,163,70,.24);border-radius:999px;font-size:.85rem}.vibeCodePage__projectLinks a{color:#fafafa;text-decoration:none;font-weight:700;padding:.8rem 1rem;border-radius:999px;background-color:#fafafa0f;border:1px solid rgba(250,250,250,.08)}.vibeCodePage__projectLinks a:hover{background-color:#fafafa1f;cursor:pointer}.vibeCodePage__timeline{display:grid;gap:1rem}.vibeCodePage__timelineCard{border-radius:1.5rem;padding:1.25rem;display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:start}@media screen and (max-width:700px){.vibeCodePage__timelineCard{grid-template-columns:1fr}}.vibeCodePage__timelineLogo{display:flex;align-items:center;justify-content:center}.vibeCodePage__logoImage,.vibeCodePage__logoFallback{width:4rem;height:4rem;border-radius:1rem;object-fit:cover;background-color:#fafafa0f;border:1px solid rgba(250,250,250,.08)}.vibeCodePage__logoFallback{display:grid;place-items:center;font-weight:800;color:#fafafa}.vibeCodePage__timelineContent p{margin:0}.vibeCodePage__timelineTop{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}@media screen and (max-width:700px){.vibeCodePage__timelineTop{flex-direction:column}}.vibeCodePage__timelineTop h3{margin:0 0 .35rem;font-size:1.15rem}.vibeCodePage__timelineTop p{margin:0}.vibeCodePage__timelineTop span{color:#fafafa8c;font-size:.9rem;white-space:nowrap}.vibeCodePage__contactCard{border-radius:2rem;padding:2.25rem;text-align:center}.vibeCodePage__contactCard h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 1rem}.vibeCodePage__contactCard p{max-width:52ch;margin:0 auto 1.5rem;color:#fafafac7;line-height:1.8}.vibeCodePage__contactCard .vibeCodePage__contactActions{justify-content:center}.vibeCodePage__footer,.vibeCodePage__believe{width:min(1400px,92%);margin:0 auto;padding:1rem 0 3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgba(250,250,250,.08)}@media screen and (max-width:1000px){.vibeCodePage__footer,.vibeCodePage__believe{flex-direction:column;align-items:flex-start}}.vibeCodePage__believe{text-align:center;padding-bottom:1rem}.vibeCodePage__footerBrand strong{display:block;margin-bottom:.35rem}.vibeCodePage__footerBrand p{margin:0;color:#fafafa94}.vibeCodePage__footerLinks{display:flex;flex-wrap:wrap;gap:.3rem}.vibeCodePage__status--complete{color:#7ef0a0}.vibeCodePage__status--active{color:#8fd4ff}.vibeCodePage__status--incomplete{color:#ff9a8b}.vibeCodePage__status--notStarted{color:#ffd27d}