@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:#0b1c1e;color:#fff;margin:0;padding:0}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;max-width:1220px;margin:0 auto;position:relative;z-index:100}.logo{color:#bbf7d0;font-weight:700;font-size:1.125rem;position:relative;z-index:1}#menu-area{position:fixed;top:0;right:0;width:18rem;height:6rem;z-index:40}#main{position:fixed;top:1.5rem;right:5%;transition:opacity .3s ease;z-index:100;pointer-events:auto}#main.visible{opacity:1}#main.hidden{opacity:0;pointer-events:none}#main a{margin-left:1.5rem;color:#bbf7d0;text-decoration:none;transition:color .3s ease;font-size:1rem}#main a:hover{color:#34d399;text-decoration:underline}.mobile-menu-toggle{position:fixed;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;z-index:111;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background-color:#bbf7d0;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b1c1ee6;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:109}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;right:-100%;width:280px;max-width:80%;height:100vh;background-color:#0b1c1e;border-left:1px solid rgba(187,247,208,.2);padding:5rem 2rem 2rem;display:flex;flex-direction:column;gap:2rem;transition:right .3s ease;z-index:110;box-shadow:-4px 0 20px #0000004d}.mobile-nav.open{right:0}.mobile-nav a{color:#bbf7d0;text-decoration:none;font-size:1.25rem;padding:.75rem 0;border-bottom:1px solid rgba(187,247,208,.1);transition:color .3s ease,padding-left .3s ease}.mobile-nav a:hover,.mobile-nav a:active{color:#34d399;padding-left:1rem}.section{position:relative;padding:1.5rem;max-width:45rem;margin:0 auto;min-height:100vh}.section p{font-size:1rem;line-height:1.6;color:#d1d5db}.section-hero{padding:1.5rem;max-width:50rem;margin:0 auto;min-height:100vh}.section-hero p{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:85%;text-align:center;color:#d1d5db}h1{font-size:2.25rem;font-weight:700;text-align:center;max-width:50rem;margin:0 auto 1.5rem}@media (min-width: 768px){h1{font-size:3.75rem}}h2{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.skills-carousel-container{overflow:hidden;width:100%;position:relative;margin-bottom:2rem;touch-action:none}.skills-carousel{display:flex;flex-direction:column;gap:1rem;animation:scroll 30s linear infinite alternate;width:fit-content}.skills-row{display:flex;gap:1rem;width:fit-content}.skills-row:nth-child(2){margin-left:4rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill-item{flex-shrink:0;background-color:#ffffff0d;padding:.5rem 1rem;border-radius:.25rem;text-align:center;color:#d1d5db;white-space:nowrap;transition:background-color .3s ease}.skill-item:hover,.skill-item:active,.skill-item.touch-active{background-color:#134e4a}@media (max-width: 768px){.skills-row:nth-child(2){margin-left:2rem}}#contact ul{list-style:none;padding:0;margin-top:2rem}#contact li{margin-bottom:1rem;font-size:1.125rem}#contact a{color:#bbf7d0;text-decoration:none;transition:color .3s ease}#contact a:hover{color:#34d399;text-decoration:underline}footer{text-align:center;font-size:.875rem;color:#6b7280;padding:2.5rem 1rem}#back-to-top{position:fixed;bottom:3rem;right:1.5rem;background-color:#bbf7d0;color:#000;padding:.5rem 1rem;border-radius:99px;box-shadow:0 4px 6px #0000001a;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .3s ease,background-color .3s ease;z-index:90}@media (max-width: 768px){#back-to-top{bottom:1rem;right:1rem;padding:.5rem .75rem;font-size:.875rem}}#back-to-top:hover{background-color:#4ade80;color:#fff}#back-to-top.visible{opacity:1;pointer-events:auto}#skill-canvas{width:100%;max-width:700px;height:700px}@media (max-width: 329px){#skill-canvas{width:290px;height:300px}}@media (min-width: 330px) and (max-width: 399px) and (max-height: 799px){#skill-canvas{width:330px;height:300px}}@media (min-width: 330px) and (max-width: 399px) and (min-height: 800px){#skill-canvas{width:100%;max-width:370px;height:500px}}@media (min-width: 400px) and (max-width: 479px) and (max-height: 799px){#skill-canvas{width:370px;height:350px}}@media (min-width: 400px) and (max-width: 479px) and (min-height: 800px){#skill-canvas{width:100%;max-width:400px;height:550px}}@media (min-width: 480px) and (max-width: 549px){#skill-canvas{width:450px;height:400px}}@media (min-width: 550px) and (max-width: 649px){#skill-canvas{width:530px;height:400px}}@media (min-width: 650px) and (max-width: 700px){#skill-canvas{width:630px;height:400px}}@media (min-width: 701px) and (max-width: 900px){#skill-canvas{width:100%;max-width:700px;height:550px}}@media (min-width: 901px) and (max-width: 1200px){#skill-canvas{width:100%;max-width:800px;height:600px}}@media (min-width: 1201px) and (max-width: 1399px){#skill-canvas{width:100%;max-width:900px;height:650px}}@media (min-width: 1400px){#skill-canvas{width:100%;max-width:1000px;height:900px}}@media (max-width: 768px){header{padding:1rem 1.5rem;z-index:1}.logo{font-size:1rem}#main,#menu-area{display:none}}@media (max-width: 480px){header{padding:.75rem 1rem}.mobile-nav{width:260px;padding:4rem 1.5rem 1.5rem}.mobile-nav a{font-size:1.125rem}}.snake-canvas-focused{box-shadow:-4px 0 20px #0000004d;transition:box-shadow .8s ease-out}