html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,menu,fieldset,legend{margin:0;padding:0}body{min-height:100vh;text-rendering:optimizeLegibility;line-height:1.5;background-color:var(--color-background, #fff);color:var(--color-text, #000);font-family:var(--font-base, system-ui, sans-serif)}ul,ol,menu{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}*,*::before,*::after{transition:none !important;animation:none}:focus{outline:none}h1,h1.section-title{font-size:2.75rem}@media(min-width: 768px){h1,h1.section-title{font-size:2.75rem}}h2,h2.section-title{font-size:2rem}@media(min-width: 768px){h2,h2.section-title{font-size:2rem}}h3,h3.section-title{font-size:1.5rem}@media(min-width: 768px){h3,h3.section-title{font-size:1.5rem}}h4,h4.section-title{font-size:1rem}@media(min-width: 768px){h4,h4.section-title{font-size:1rem}}.header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;background:rgba(26,26,26,.95);backdrop-filter:blur(10px);z-index:1000;padding:10px 0;border-bottom:1px solid #333;width:100%}.header .header-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:.5rem;padding-left:.5rem;margin-right:auto;margin-left:auto;max-width:1140px}@media(min-width: 375px){.header .header-container{max-width:100%}}@media(min-width: 480px){.header .header-container{max-width:100%}}@media(min-width: 576px){.header .header-container{max-width:540px}}@media(min-width: 768px){.header .header-container{max-width:720px}}@media(min-width: 992px){.header .header-container{max-width:960px}}.header .logo{font-size:1.5rem;font-weight:700;color:#fff}.header .logo span{color:#00bcd4;padding-right:.25rem}.header{display:flex;width:100%;justify-content:center;align-items:center}.header .nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:0 .25rem}.header .nav-link:hover{color:#00bcd4}.header .nav-link.active{color:#00bcd4}.header .nav-link.active::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#00bcd4}@media(min-width: 480px){.header{justify-content:space-between;padding-right:1.5rem;padding-left:1.5rem}}.footer{background:#2a2a2a;padding:20px 0;text-align:center;border-top:1px solid #333}.footer .copyright{color:#b0b0b0;font-size:.9rem}.hero-section{display:flex;align-items:center;justify-content:center}.hero-section{padding:2rem 0;margin-bottom:1rem}@media(min-width: 768px){.hero-section{padding:1rem 0 1rem 0}}.hero-section .hero-content{display:flex;justify-content:space-evenly;align-items:center}@media(min-width: 300px){.hero-section .hero-content{width:330px;gap:.5rem}}@media(min-width: 375px){.hero-section .hero-content{width:330px;gap:.75rem}}@media(min-width: 480px){.hero-section .hero-content{width:540px;gap:.25rem}}@media(min-width: 480px){.hero-section .hero-content{width:540px;padding:0 2rem}}@media(min-width: 576px){.hero-section .hero-content{width:720px}}@media(min-width: 768px){.hero-section .hero-content{width:720px}}@media(min-width: 992px){.hero-section .hero-content{width:960px}}.hero-section .hero-content .hero-left{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:200px;padding:10px;border:3px solid #00bcd4}.hero-section .hero-content .hero-left .inner-container{width:150px;height:170px;overflow:hidden;background-image:url("/assets/images/profile-main-unedited-alpha.png");background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative}.hero-section .hero-content .hero-left .code-icon{position:absolute;bottom:-5px;right:5px;font-size:2.5rem;color:#00bcd4}.hero-section .hero-content .hero-right{max-width:400px}.hero-section .hero-content .hero-right h1.hero-title{font-size:1.5rem;font-weight:700;padding-bottom:10px;background:linear-gradient(135deg, #ffffff, #00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(min-width: 576px){.hero-section .hero-content .hero-right h1.hero-title{font-size:2rem}}.hero-section .hero-content .hero-right .hero-subtitle{font-size:1rem;color:#b0b0b0;margin-bottom:15px}@media(min-width: 576px){.hero-section .hero-content .hero-right .hero-subtitle{font-size:1.7rem}}.hero-section .hero-content .hero-right .tech-icons{display:flex;gap:10px;margin-bottom:15px}.hero-section .hero-content .hero-right .tech-icons i{font-size:2rem;color:#b0b0b0;transition:all .3s ease}.hero-section .hero-content .hero-right .tech-icons i:hover{color:#00bcd4;transform:translateY(-2px)}.hero-section .hero-content .hero-right .social-icons{display:flex;gap:10px}.hero-section .hero-content .hero-right .social-icons .social-link{color:#b0b0b0;font-size:1.5rem;transition:all .3s ease}.hero-section .hero-content .hero-right .social-icons .social-link:hover{color:#00bcd4;transform:translateY(-2px)}@media(min-width: 576px){.hero-section .hero-content .hero-right{padding-left:1rem}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}75%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes scroll-abs{from{transform:translateX(calc(100% + var(--gap)))}to{transform:translateX(0)}}.marquee-section .marquee{--gap: 1rem;position:relative;display:flex;overflow:hidden;user-select:none;border-top:2px solid #00bcd4;border-bottom:2px solid #00bcd4;padding:1.5rem 0}.marquee-section .marquee .marquee__content{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll 30s linear infinite}.marquee-section .marquee .marquee__content li{padding:0 1rem;list-style-type:"/";color:#fff;text-transform:uppercase;font-weight:700;font-size:.9rem;letter-spacing:.1rem}.marquee-section .marquee:hover .marquee__content{animation-play-state:paused}@media(prefers-reduced-motion: reduce){.marquee-section .marquee .marquee__content{animation-play-state:paused}}.about-section{display:block}.about-section .section-header__wrapper{align-items:baseline !important;display:flex;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.about-section .section-header__wrapper h1,.about-section .section-header__wrapper h2,.about-section .section-header__wrapper h3,.about-section .section-header__wrapper h4,.about-section .section-header__wrapper h5,.about-section .section-header__wrapper h6{margin:0}.about-section .section-header__wrapper .accent-dot{display:inline-block;width:8px;height:8px;background:#00bcd4;border-radius:50%;margin-left:5px;vertical-align:middle}.about-section{padding-top:2rem}.about-section .section-header__wrapper{display:flex;align-items:center;justify-content:center}.about-section .about-content{display:flex;align-items:center;justify-content:center;width:100%;padding-right:.5rem;padding-left:.5rem;margin-right:auto;margin-left:auto;max-width:1140px}@media(min-width: 375px){.about-section .about-content{max-width:100%}}@media(min-width: 480px){.about-section .about-content{max-width:100%}}@media(min-width: 576px){.about-section .about-content{max-width:540px}}@media(min-width: 768px){.about-section .about-content{max-width:720px}}@media(min-width: 992px){.about-section .about-content{max-width:960px}}.about-section .about-content{padding:2rem 0;margin-bottom:1rem}@media(min-width: 768px){.about-section .about-content{padding:1rem 0 1rem 0}}.about-section .about-content{gap:2rem;padding-top:.5rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.about-section .about-content strong{color:#00bcd4}.about-section .about-content .about-graphic{display:flex;align-items:center;justify-content:center;text-align:center;color:#00bcd4;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:7.5rem}@media(max-width: 768px){.about-section .about-content .about-graphic{font-size:6rem}}.about-section .about-content .about-right{font-size:1.5rem}@media(min-width: 768px){.about-section .about-content .about-right{font-size:1.5rem}}.about-section .about-content .about-right{padding-right:1rem}.about-section .about-content .about-right .about-intro{color:#b0b0b0;margin-bottom:20px}.about-section .about-content .about-right .about-description{color:#b0b0b0;margin-bottom:20px}.experience-section{display:flex;align-items:center;justify-content:center;display:block}.experience-section .section-header__wrapper{align-items:baseline !important;display:flex;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.experience-section .section-header__wrapper h1,.experience-section .section-header__wrapper h2,.experience-section .section-header__wrapper h3,.experience-section .section-header__wrapper h4,.experience-section .section-header__wrapper h5,.experience-section .section-header__wrapper h6{margin:0}.experience-section .section-header__wrapper .accent-dot{display:inline-block;width:8px;height:8px;background:#00bcd4;border-radius:50%;margin-left:5px;vertical-align:middle}.experience-section .section-header__wrapper{display:flex;align-items:center;justify-content:center}.experience-section .experience_wrapper{width:100%;padding-right:.5rem;padding-left:.5rem;margin-right:auto;margin-left:auto;max-width:1140px}@media(min-width: 375px){.experience-section .experience_wrapper{max-width:100%}}@media(min-width: 480px){.experience-section .experience_wrapper{max-width:100%}}@media(min-width: 576px){.experience-section .experience_wrapper{max-width:540px}}@media(min-width: 768px){.experience-section .experience_wrapper{max-width:720px}}@media(min-width: 992px){.experience-section .experience_wrapper{max-width:960px}}.experience-section .experience_wrapper{padding:2rem 0;margin-bottom:1rem}@media(min-width: 768px){.experience-section .experience_wrapper{padding:1rem 0 1rem 0}}.experience-section .experience-grid{display:flex;align-items:center;justify-content:center;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(2, 1fr);align-items:start;grid-template-rows:auto 1fr;grid-template-rows:fit-content(200px);column-gap:1rem;row-gap:1rem;padding:0 1rem}.experience-section .experience-grid .date,.experience-section .experience-grid .title,.experience-section .experience-grid .desc{align-self:start}.experience-section .experience-grid .date{display:flex;flex-direction:column;align-items:center;text-align:right;grid-row:span 2/span 2;position:relative;color:#00bcd4;font-weight:600;font-size:1rem}@media(min-width: 768px){.experience-section .experience-grid .date{font-size:1rem}}.experience-section .experience-grid .date .date-range{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:right;padding-top:.25rem}.experience-section .experience-grid .date .date-range .date-start{padding-bottom:.5rem}.experience-section .experience-grid .date .date-range .date-separator{display:inline-block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #fff}.experience-section .experience-grid .date .date-range .date-end{padding-bottom:.5rem}.experience-section .experience-grid .title{grid-column:span 4/span 4;grid-column-start:2;align-items:start;justify-content:flex-start;vertical-align:top;font-size:1.5rem}.experience-section .experience-grid .title .job-title{font-weight:600}.experience-section .experience-grid .title .at-symbol{color:#149169;font-size:1.5rem}@media(max-width: 768px){.experience-section .experience-grid .title .at-symbol{font-size:1.2rem}}.experience-section .experience-grid .title .company-name{color:#fff}.experience-section .experience-grid .desc{grid-column:span 4/span 4;grid-column-start:2;grid-row-start:2;align-items:start}.experience-section .experience-grid .desc ul{list-style:disc;padding:0 0 0 .25rem;margin:0}.experience-section .experience-grid .desc ul li{margin:0 0 .5rem 1rem;padding-left:.25rem}.contact-section{display:block}.contact-section .section-header__wrapper{align-items:baseline !important;display:flex;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.contact-section .section-header__wrapper h1,.contact-section .section-header__wrapper h2,.contact-section .section-header__wrapper h3,.contact-section .section-header__wrapper h4,.contact-section .section-header__wrapper h5,.contact-section .section-header__wrapper h6{margin:0}.contact-section .section-header__wrapper .accent-dot{display:inline-block;width:8px;height:8px;background:#00bcd4;border-radius:50%;margin-left:5px;vertical-align:middle}.contact-section .section-header__wrapper{display:flex;align-items:center;justify-content:center}.contact-section .section-header__wrapper .section-title{font-size:2.75rem}@media(min-width: 768px){.contact-section .section-header__wrapper .section-title{font-size:2.75rem}}.contact-section .contact_wrapper{display:flex;align-items:center;justify-content:center;width:100%;padding-right:.5rem;padding-left:.5rem;margin-right:auto;margin-left:auto;max-width:1140px}@media(min-width: 375px){.contact-section .contact_wrapper{max-width:100%}}@media(min-width: 480px){.contact-section .contact_wrapper{max-width:100%}}@media(min-width: 576px){.contact-section .contact_wrapper{max-width:540px}}@media(min-width: 768px){.contact-section .contact_wrapper{max-width:720px}}@media(min-width: 992px){.contact-section .contact_wrapper{max-width:960px}}.contact-section .contact_wrapper{padding:2rem 0;margin-bottom:1rem}@media(min-width: 768px){.contact-section .contact_wrapper{padding:1rem 0 1rem 0}}.contact-section .contact_wrapper{padding-top:0 !important}.contact-section .contact_wrapper div.headings_wrapper{display:flex;align-items:center;justify-content:center}.contact-section .contact_wrapper div.headings_wrapper h2{font-size:.75rem}@media(min-width: 768px){.contact-section .contact_wrapper div.headings_wrapper h2{font-size:.75rem}}.contact-section .contact-link{display:flex;align-items:center;justify-content:center;width:100%;padding-right:.5rem;padding-left:.5rem;margin-right:auto;margin-left:auto;max-width:1140px}@media(min-width: 375px){.contact-section .contact-link{max-width:100%}}@media(min-width: 480px){.contact-section .contact-link{max-width:100%}}@media(min-width: 576px){.contact-section .contact-link{max-width:540px}}@media(min-width: 768px){.contact-section .contact-link{max-width:720px}}@media(min-width: 992px){.contact-section .contact-link{max-width:960px}}.contact-section .contact-link{padding:2rem 0;margin-bottom:1rem}@media(min-width: 768px){.contact-section .contact-link{padding:1rem 0 1rem 0}}.contact-section .contact-link{width:fit-content;gap:10px;padding-top:0;margin-top:0;justify-content:space-between;align-items:center;flex-direction:column}@media(min-width: 576px){.contact-section .contact-link{flex-direction:row}}.contact-section .contact-link a{align-items:center;gap:15px;background:#2a2a2a;border:1px solid #333;border-radius:10px;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;padding:8px;gap:7px;margin-bottom:1rem;display:flex;align-items:center}.contact-section .contact-link a:hover{transform:translateY(-3px);border-color:#00bcd4;background:rgba(0,188,212,.05)}.contact-section .contact-link a:hover i:last-child{transform:translateX(5px)}.contact-section .contact-link a i:first-child{font-size:1.5rem;color:#00bcd4}@media(min-width: 768px){.contact-section .contact-link a{padding:.25rem}}@media(min-width: 576px){.contact-section .contact-link a{margin-bottom:.25rem}}html{scroll-behavior:smooth}body{padding-top:4rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#1a1a1a;color:#fff;line-height:1.6;overflow-x:hidden;display:block}body .section-header__wrapper{align-items:baseline !important;display:flex;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}body .section-header__wrapper h1,body .section-header__wrapper h2,body .section-header__wrapper h3,body .section-header__wrapper h4,body .section-header__wrapper h5,body .section-header__wrapper h6{margin:0}body .section-header__wrapper .accent-dot{display:inline-block;width:8px;height:8px;background:#00bcd4;border-radius:50%;margin-left:5px;vertical-align:middle}.container{max-width:1200px;margin:0 auto;padding:0 20px}

/*# sourceMappingURL=styles.589f06f2356650c31eba.css.map*/