*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s}html{scroll-behavior:smooth;scroll-padding-top:5rem}.linear-gradient-text{background:var(--linear-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.bg-gradient{background:#3a1a1a;background:linear-gradient(0deg,#3a1a1a,#a04747)}.bs{box-shadow:0 2px 5px 1px #0000004d;-webkit-box-shadow:0px 2px 5px 1px rgba(0,0,0,.3);-moz-box-shadow:0px 2px 5px 1px rgba(0,0,0,.3)}.flex-align{display:flex;justify-content:center;align-items:center}.fs-1{font-size:var(--font-size-normal)}.fs-2{font-size:var(--font-size-large)}.fs-3{font-size:var(--font-size-header)}.fw-1{font-weight:var(--font-weight-normal)}.fw-2{font-weight:var(--font-weight-bold)}.fw-3{font-weight:var(--font-weight-black)}.fc-secondary{color:var(--secondary-color)}.fc-inverse{color:var(--primary-color)}.flex-group{display:flex;justify-content:space-between;align-items:center}.flex-gap-1{gap:.25rem}.flex-gap-2{gap:.5rem}.flex-gap-3{gap:1rem}.flex-wrap{flex-wrap:wrap}.section-title{font-size:var(--font-size-header-lg);font-weight:var(--font-weight-bold);text-align:center;text-transform:uppercase;padding-block:1.5rem}.section-title.light,.text-light{color:var(--text-color-inverse)}.txt-small{font-size:var(--font-size-small)}.txt-md{font-size:var(--font-size-normal)}.txt-lg{font-size:var(--font-size-large)}.bold{font-weight:var(--font-weight-bold)}.black{font-weight:var(--font-weight-black)}.italic{font-style:italic}.txt-center{text-align:center}.left-target{opacity:0;transform:translate(-50px);transition:opacity .7s ease,transform .7s ease}.left-target.show{opacity:1;transform:translate(0)}.right-target{opacity:0;transform:translate(50px);transition:opacity .7s ease,transform .7s ease}.right-target.show{opacity:1;transform:translate(0)}.top-target{opacity:0;transform:translateY(-50px);transition:opacity .7s ease,transform .7s ease}.top-target.show{opacity:1;transform:translateY(0)}.bottom-target{opacity:0;transform:translateY(50px);transition:opacity .7s ease,transform .7s ease}.bottom-target.show{opacity:1;transform:translateY(0)}html,body{overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size);color:var(--text-color-primary);background-color:var(--primary-color);font-weight:var(--font-weight-normal);margin:0;padding:0;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);background-size:30px 30px}header{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem;position:fixed;background-color:transparent;top:0;left:0;right:0;z-index:1000}section{padding-inline:2rem;padding-block:2rem;width:100%}.navbar{background-color:var(--secondary-color);color:var(--text-color-inverse);width:max-content;padding:1rem 2rem;display:flex;gap:1rem;border:5px solid rgb(104,31,31);border-radius:var(--border-radius-full);overflow:hidden;transition:all .3s ease;box-shadow:var(--box-shadow-2)}.navbar-item{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);padding:.5rem 1rem;text-decoration:none;color:var(--text-color-inverse);border-radius:var(--border-radius-full);overflow:hidden}.navbar-item:hover{cursor:pointer;background:#ffffff71;color:#681f1f}.navbar-item:active{transform:scale(.95)}.hero-section{gap:6rem;margin-top:4.5rem;min-height:60dvh}.hero-greeting{font-size:var(--font-size-header);font-weight:var(--font-weight-normal);display:flex;flex-direction:column;justify-content:center}.hero-name{font-size:5rem;font-weight:var(--font-weight-black);text-transform:uppercase;line-height:5rem;width:fit-content}.hero-job{font-size:var(--font-size-header);font-weight:var(--font-weight-bold)}.hero-description{--letters: 46}.hero-description{max-width:46ch;margin-top:1rem;background-color:#d3d3d3;color:var(--soft-black);padding:.5rem 1rem;font-family:Courier New,Courier,monospace;font-weight:var(--font-weight-normal);overflow:hidden;white-space:nowrap;border-right:3px solid var(--accent-color);animation:typewriter 6s steps(var(--letters),end) infinite,blink-caret .75s step-end infinite}.hero-description.dark-mode{color:var(--soft-black)}@media (max-width: 767.98px){.hero-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-description{font-size:var(--font-size-small);padding:.5rem;white-space:normal;width:100%;animation:none;border-right:none;border-radius:var(--border-radius);max-width:30ch}}@keyframes typewriter{0%{width:0}50%{width:100%}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-color)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--accent-color)}}.cta-container{display:flex;gap:1rem;margin-top:1rem}.cta-button{padding:1rem;font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);border:none;box-shadow:var(--box-shadow-2);transition:background-color .3s ease,color .3s ease,transform .1s ease,border .5s ease;cursor:pointer}.cta-button:active{transform:translateY(2px)}.cta-1{background-color:var(--text-color-secondary);color:var(--text-color-inverse);border:2px solid var(--soft-black)}.cta-1:hover{background-color:var(--primary-color);color:var(--soft-black);border:2px solid var(--soft-black)}.cta-2{background-color:var(--secondary-color);color:var(--text-color-inverse);border:2px solid rgb(104,31,31)}.cta-2:hover{background-color:var(--primary-color);color:var(--secondary-color);border:2px solid var(--secondary-color)}.hero-image-container{max-height:500px;animation:floatImage 2s ease-in-out infinite}.hero-image{max-height:500px}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wave-container{transform:rotateY(180deg);display:flex;width:100%;min-width:100vw}.wave-transition{width:100%;height:auto}.about-section{margin-top:-2px;padding-bottom:1rem}.about-content{gap:5rem;margin-bottom:8rem}.about-image-container{height:100%;max-height:40rem;padding-top:1rem}.about-image{max-width:100%;border-radius:var(--border-radius-lg);max-height:40rem;border:.3rem solid var(--secondary-color);box-shadow:0 4px 20px #a0474726,0 0 0 4px #d8a25e1f,0 0 0 10px #eedf7a14;outline:2px dashed rgba(255,255,255,.445);outline-offset:2px;background-image:linear-gradient(135deg,#d8a25e14,#a0474714);opacity:0;transform:scale(.8) translateY(40px) rotate(-5deg);filter:blur(8px) brightness(.8)}.about-image.show{opacity:1;transform:scale(1) translateY(0) rotate(0);filter:blur(0) brightness(1);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),filter .7s cubic-bezier(.23,1,.32,1)}.subtitle{width:fit-content;border-bottom:.3rem solid var(--accent-color)}.about-desc{background-color:var(--primary-color);padding:1rem;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-1)}.about-p{max-width:70ch;margin-block:1rem;font-size:var(--font-size-normal);color:var(--text-color-primary);border-left:1px solid var(--text-color-secondary);padding-left:1rem}.about-education{background-color:var(--primary-color);padding:1rem;border-radius:var(--border-radius-lg);border:1px solid var(--secondary-color)}.about-education p{margin:0}.about-education .flex-group{margin-top:1rem}.skills-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.stack-container{background-color:var(--primary-color);padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:var(--border-radius-lg);width:100%;max-width:1000px;margin-bottom:1rem;box-shadow:var(--box-shadow-2)}.tech-wrapper{display:flex;gap:1rem}.stack{display:flex;width:fit-content;flex-direction:column;justify-content:center;align-items:center}.tech-image{height:3rem;width:auto;padding:.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2)}.timeline{position:relative;width:100%;max-width:1000px;margin:auto}.timeline:after{content:"";position:absolute;width:4px;background-color:#a04747;top:0;bottom:0;left:50%;margin-left:-2px}.timeline-item{padding:1rem 2rem;position:relative;width:50%}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:#a04747;border:4px solid white;top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.right:after{left:-10px}.timeline-content{padding:1.5rem;background-color:var(--primary-color);position:relative;border:1px solid var(--secondary-color);border-radius:var(--border-radius-lg)}.timeline-content h3{margin-top:0;color:#a04747}.internship-description{margin-top:1.5rem;list-style-type:disc;padding-left:1.5rem}.internship-description li{margin-bottom:.5rem}.card-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.card{background-color:var(--primary-color);padding:1rem;border-radius:var(--border-radius-lg);transition:transform .2s ease;cursor:pointer;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);transform:scale(1.02)}.project-image{width:100%;height:auto;border-radius:var(--border-radius-lg);margin-bottom:1rem;-webkit-user-select:none;user-select:none;box-shadow:var(--box-shadow-2)}.project-type{color:var(--secondary-color);margin-bottom:.5rem}.tech-stack{margin-bottom:1rem;font-size:var(--font-size-small);font-style:italic;color:var(--text-color-secondary)}.project-description{flex-grow:1;color:var(--text-color-primary);font-size:var(--font-size-normal)}.links{display:flex;justify-content:space-between;margin-top:1rem;font-size:var(--font-size-small)}.live-demo,.github-project{text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:var(--font-weight-bold);transition:background-color .3s ease,color .3s ease}.live-demo{background-color:var(--text-color-secondary);color:var(--text-color-inverse)}.live-demo:hover{background-color:var(--accent-color);color:var(--text-color-inverse)}.github-project{background-color:var(--text-color-primary);color:var(--text-color-inverse)}.github-project:hover{background-color:var(--secondary-color);color:var(--text-color-inverse)}.social-content{gap:2rem}.social-item{margin-bottom:1.5rem}.social-title{margin-bottom:.5rem}.social-link:hover{transform:scale(1.0256);cursor:pointer;filter:brightness(2);transition:transform .2s ease-in-out,filter .2s ease-in-out}.item-content{flex-direction:row}.form-details{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border-radius:var(--border-radius-lg);border:3px solid var(--secondary-color)}.form-details input,.form-details textarea{margin-bottom:.678rem;padding:.5rem;border:none;border-radius:var(--border-radius);font-size:var(--font-size-normal);font-family:var(--font-family);background-color:#a0474734;color:var(--text-color-primary)}.form-details textarea{resize:none}.form-details input:focus,.form-details textarea:focus{outline:2px solid var(--accent-color);background-color:#a0474710;color:var(--text-color-primary)}.form-btn{background:linear-gradient(90deg,#000,#a04747);background-size:200% 100%;background-position:left;border:none;color:var(--text-color-inverse);border-radius:var(--border-radius);font-size:var(--font-size-normal);padding:1rem;cursor:pointer;transition:background-position .2s ease-in-out,transform .1s ease}.form-btn:hover{background-position:right}.form-btn:active{transform:translateY(2px)}.hp{display:none}.status.success{color:#3e993e}.status.error{color:#cf3f3f}footer{background-color:var(--dark-black);color:var(--text-color-inverse);text-align:center;padding:1rem;margin-top:2rem}@media (max-width: 767.98px){body{background-size:20px 20px}header{width:100%;width:100vw}.navbar{width:100%;max-width:20rem;justify-content:space-around;padding:0rem 1rem;border-left:.2rem solid rgb(104,31,31);border-right:.2rem solid rgb(104,31,31);border-bottom:none;border-top:.2rem solid rgb(104,31,31);border-radius:20px 20px 0 0;position:fixed;bottom:0}.navbar-item{font-size:var(--font-size-small);padding:1rem 0rem;width:100%;text-align:center}.navbar-item:hover{border-radius:0}section{padding-inline:1rem}.hero-section{flex-direction:column;justify-content:center;text-align:center;gap:2rem;padding:3rem 2rem;margin-top:0}.hero-name{font-size:3rem;line-height:3rem}.hero-greeting{font-size:var(--font-size-large)}.hero-job{font-size:var(--font-size-header)}.hero-image{width:100%;max-width:350px}.cta-container{justify-content:center;gap:.5rem;width:100%;max-width:300px;margin:1rem auto 0}.cta-button{flex:1;font-size:var(--font-size-small);padding:.75rem}.tech-wrapper{width:100%;flex-wrap:wrap}.about-content{gap:1rem}.about-desc{text-align:left;padding-inline:1.5rem}.timeline:after{left:20px}.timeline-item{width:100%;padding-left:50px;padding-right:25px}.timeline-item:after{left:10px}.right{left:0%}.social-content{display:flex;flex-direction:column;gap:1rem}footer{padding-bottom:5rem}}:root{--primary-color: #f4f4f4;--secondary-color: #A04747;--accent-color: #D8A25E;--accent-color-light: #EEDF7A;--soft-black: #343131;--dark-black: #1a1a1a;--bright-white: #ffffff;--linear-gradient-text: linear-gradient(90deg, var(--dark-black) 50%, var(--secondary-color) 100%);--font-family: System UI, sans-serif;--font-size-normal: 16px;--font-size-large: 18px;--font-size-small: 14px;--font-size-header: 30px;--font-size-header-lg: 40px;--text-color-primary: #343131;--text-color-secondary: #6c757d;--text-color-accent: #D8A25E;--text-color-inverse: #f4f4f4;--border-radius: .25rem;--border-radius-lg: .5rem;--border-radius-full: 9999px;--box-shadow-2: 0 .125rem .25rem rgba(0, 0, 0, .1);--box-shadow-1: 0 0 10px rgba(0,0,0,.1);--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-black: 900}.dark-mode{--primary-color: #222;--grey-transparent: #f1f1f1e1;--secondary-color: #A04747;--accent-color: #D8A25E;--accent-color-light: #EEDF7A;--box-shadow-2: 0 .125rem .25rem rgb(244, 244, 244, .1);--box-shadow-1: 0 0 10px rgb(244, 244, 244, .1);--linear-gradient-text: linear-gradient(90deg, #cf5d5d 50%, var(--accent-color) 100%);background-color:var(--primary-color);color:var(--text-color-inverse)}.dark-mode.bs{box-shadow:var(--box-shadow-2);-webkit-box-shadow:0px 2px 5px 1px #f4f4f4;-moz-box-shadow:0px 2px 5px 1px #f4f4f4}.dark-mode body{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h5,.dark-mode p,.dark-mode span,.dark-mode li,.dark-mode label,.dark-mode .form-details input,.dark-mode .form-details textarea{color:var(--text-color-inverse)}.hero-description.txt-lg{color:var(--soft-black)}.stack-item.dark-mode{color:var(--text-color-secondary)}.dark-mode .cta-button{transition:background-color .3s ease,color .3s ease,transform .1s ease,border .3s ease}.dark-mode .cta-1:hover{color:var(--text-color-inverse);border:2px solid var(--text-color-inverse)}.dark-mode .cta-2:hover{color:var(--accent-color-light);border:2px solid var(--accent-color-light)}.dark-mode .fc-secondary,.dark-mode .project-type{color:var(--accent-color)}.dark-mode .form-btn{background:linear-gradient(90deg,var(--secondary-color) 0%,var(--accent-color) 100%);background-size:200% 100%;background-position:left;color:var(--text-color-inverse);transition:background-position .2s ease-in-out,transform .1s ease}.dark-mode .form-btn:hover{background-position:right}.dark-mode .tech-image{background-color:var(--grey-transparent)}.dark-mode .social-link{filter:invert(100%)}.dark-mode .icon{fill:var(--text-color-inverse)}.dark-mode,.dark-mode>*{transition:background-color .3s,color .3s,box-shadow .3s}[data-v-8a9773bb]:root{--primary-color: #f4f4f4;--secondary-color: #A04747;--accent-color: #D8A25E;--accent-color-light: #EEDF7A;--soft-black: #343131;--dark-black: #1a1a1a;--bright-white: #ffffff;--linear-gradient-text: linear-gradient(90deg, var(--dark-black) 50%, var(--secondary-color) 100%);--font-family: System UI, sans-serif;--font-size-normal: 16px;--font-size-large: 18px;--font-size-small: 14px;--font-size-header: 30px;--font-size-header-lg: 40px;--text-color-primary: #343131;--text-color-secondary: #6c757d;--text-color-accent: #D8A25E;--text-color-inverse: #f4f4f4;--border-radius: .25rem;--border-radius-lg: .5rem;--border-radius-full: 9999px;--box-shadow-2: 0 .125rem .25rem rgba(0, 0, 0, .1);--box-shadow-1: 0 0 10px rgba(0,0,0,.1);--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-black: 900}.theme-toggle[data-v-8a9773bb]{height:3rem;width:3rem;background:var(--primary-color);border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-2);box-shadow:0 0 5px 0 var(--secondary-color),var(--box-shadow-2);transition:transform .2s ease,background .3s ease,box-shadow .3s ease;position:fixed;top:1rem;right:1rem}.theme-toggle[data-v-8a9773bb]:hover{transform:scale(1.2)}.theme-toggle[data-v-8a9773bb]:active{transform:scale(.95)}.theme-toggle.dark[data-v-8a9773bb]{background:var(--primary-color);box-shadow:0 0 5px 0 var(--accent-color),var(--box-shadow-2)}.light-mode-icon[data-v-8a9773bb]{background-color:var(--primary-color)}.light-mode-icon svg[data-v-8a9773bb]{fill:var(--secondary-color)}.dark-mode-icon svg[data-v-8a9773bb]{fill:var(--accent-color)}