@font-face{font-family:"Hurmit Nerd Font Mono";src:url("/fonts/HurmitNerdFontMono-Regular.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Hurmit Nerd Font Mono";src:url("/fonts/HurmitNerdFontMono-Bold.otf") format("opentype");font-weight:bold;font-style:normal}@font-face{font-family:"Hurmit Nerd Font Mono";src:url("/fonts/HurmitNerdFontMono-Italic.otf") format("opentype");font-weight:normal;font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;overflow-x:hidden}body{font-family:"Hurmit Nerd Font Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;display:flex;height:100%;min-height:100vh;flex-direction:column;position:relative}body #canvasContainer{position:fixed;top:0;left:0;width:100%;height:100%;max-height:100vh;overflow:hidden;z-index:-1}body #canvasContainer video{visibility:hidden;pointer-events:none;position:absolute}body #canvasContainer canvas{display:block;width:100%;height:100%}header{background:inherit;width:100vw;height:100px;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 4px inherit;display:flex;align-items:center;justify-content:center;padding:0 1rem;box-sizing:border-box;color:inherit}.nav{overflow:visible;position:relative;width:100vw;height:96px;background:rgba(0,0,0,0);border-radius:5px;display:flex;justify-content:center;align-items:center}.nav__content{position:relative;width:96px;height:100%;transition:width .5s cubic-bezier(.49, -.3, .68, 1.23);background:inherit;display:flex;justify-content:center;align-items:center}.nav__content.open{transition:width .5s cubic-bezier(.48, .43, .29, 1.3);width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-desktop);background:inherit}.nav__items{position:fixed;top:100px;left:50%;transform:translateX(-50%);width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-desktop);height:auto;padding:1rem 10px;list-style-type:none;font-size:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;background:inherit;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:visibility 0s linear .2s,opacity .2s ease}.open .nav__items{visibility:visible;opacity:1}.nav__item{display:inline-block;width:60px;height:16px;background:inherit;border:2px solid #9280e8;border-radius:5px;text-decoration:none;font-family:"Hurmit Nerd Font Mono",Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;line-height:12px;text-align:center;padding:2px 0;margin:0 4px;cursor:pointer;transition:transform .3s ease,background .3s ease}.nav__item:hover{background:#b7abf0;transform:scale(1.05)}.nav__item:active{transform:scale(.95)}.nav__item a{text-decoration:none;color:inherit;display:block;width:100%;height:100%;pointer-events:auto}.nav__item-text{display:block;height:100%;opacity:0;transition:opacity .2s ease;text-decoration:none;color:inherit}.open .nav__item-text{opacity:1;transition:opacity .2s ease}.nav__item-text:nth-child(1){transition-delay:.2s}.open .nav__item-text:nth-child(1){transition-delay:0s}.nav__item-text:nth-child(2){transition-delay:.1s}.open .nav__item-text:nth-child(2){transition-delay:.1s}.nav__item-text:nth-child(3){transition-delay:0s}.open .nav__item-text:nth-child(3){transition-delay:.2s}main{flex:1;padding-top:100px;min-height:calc(100vh - 100px - 60px);position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:0;padding:0;z-index:999}@media (max-width: 720px){main{min-height:auto;padding-top:60px}}.main-content{flex:1 0 auto;margin-top:100px;margin-bottom:60px;width:100%;overflow-y:auto;padding:1rem 0}@media (max-width: 720px){.main-content{margin-top:60px;margin-bottom:60px}}.header-image{position:sticky;top:100px;z-index:1000;background:rgba(0,0,0,0);padding:.5rem 1rem;text-align:center}.header-image .header-logo{width:300px;height:90px;object-fit:contain;background:rgba(0,0,0,0)}.section-menu{position:sticky;top:100px;z-index:1000;padding:.5rem 1rem;display:flex;gap:1rem;box-shadow:0 2px 4px inherit;opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease;will-change:opacity,transform}.section-menu.active{opacity:1;transform:translateY(0)}.section-menu.inactive{opacity:0;transform:translateY(-20px)}@media (max-width: 720px){.section-menu{top:60px;padding:.25rem .5rem}}.section-button{display:inline-block;width:96px;height:16px;background:inherit;border:2px solid #9280e8;border-radius:5px;text-decoration:none;font-family:"Hurmit Nerd Font Mono",Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;line-height:12px;text-align:center;padding:2px 0;cursor:pointer;transition:transform .3s ease}.section-button:hover{background:#fff;transform:scale(1.05)}.section-button:active{transform:scale(.95)}.scroll-content{width:100%;max-width:800px;overflow-y:auto;padding:1rem 0;margin-bottom:60px}.progress-bar{width:100%;height:30px;background:inherit;border:2px solid #9280e8;border-radius:10px;margin:1rem 0;display:flex;align-items:center;position:relative}.progress-bar .progress{height:100%;background:#9280e8;border-radius:8px;transition:width .3s ease}.progress-bar .progress-label{position:absolute;width:100%;text-align:center;color:#1c1b1a;font-size:.9rem;pointer-events:none}.progress-container{width:100%;padding:1rem;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;position:relative}.progress-container h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;font-weight:bold;word-break:break-word}.progress-container p,.progress-container ul{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:1rem;line-height:1.6;word-wrap:break-word}.progress-container ul{list-style-type:none;padding:0;margin:0 0 1rem 0}.progress-container ul li{margin-bottom:.5rem;word-wrap:break-word}.progress-container ul li a{display:inline-block;color:#9280e8;text-decoration:none;font-size:clamp(1rem,2vw,1.1rem);word-wrap:break-word;transition:color .3s ease}.progress-container ul li a:hover{color:#b7abf0;text-decoration:underline}.about-container{width:100%;padding:1rem;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.about-container h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;font-weight:bold;word-break:break-word}.about-container h2[id]{display:flex;flex-direction:column;justify-content:center;padding:1rem 0;border-bottom:1px solid #9280e8}.about-container p,.about-container ul{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:1rem;line-height:1.6;word-wrap:break-word}.about-container ul{list-style-type:none;padding:0;margin:0 0 1rem 0}.about-container ul li{margin-bottom:.5rem;word-wrap:break-word}.about-container ul li a{display:inline-block;color:#9280e8;text-decoration:none;font-size:clamp(1rem,2vw,1.1rem);word-wrap:break-word;transition:color .3s ease}.about-container ul li a:hover{color:#b7abf0;text-decoration:underline}footer{width:100%;height:60px;position:fixed;bottom:0;left:0;z-index:1000;box-shadow:0 -2px 4px inherit;display:flex;justify-content:center;align-items:center;padding:0 1rem;box-sizing:border-box;gap:2rem}.copyright{font-size:.9rem}.footer-nav{background:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.footer-nav__content{display:flex;align-items:center;justify-content:flex-end}.footer-nav__items{display:flex;flex-direction:row;align-items:center;gap:1rem;list-style-type:none;padding:0;margin:0}.footer-nav__item{text-align:center}.footer-nav__item-link{display:flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(0,0,0,0);border:none}.footer-nav__item-link img{width:30px;height:30px;transition:filter .3s ease,brightness .3 ease;vertical-align:middle}.footer-nav__item-link img:hover{filter:brightness(1.2)}#theme-toggle{position:fixed;top:8rem;right:1rem;border:none;border-radius:50%;cursor:pointer;background:linear-gradient(90deg, #1c1b1a, #020201);color:#f4e3c1;font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #1c1b1a;transition:all .3s ease;pointer-events:auto}#theme-toggle .theme-icon{width:2.5rem;height:2.5rem;object-fit:contain;display:circle}#theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 8px #1c1b1a}#theme-toggle:active{transform:scale(.95)}body{color:#1c1b1a;background-image:url("/images/light-mobile.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}@media (min-width: 721px){body{background-image:url("/images/light-background.webp")}}body header{background:rgba(0,0,0,0);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#f4e3c1}body main{background:rgba(0,0,0,0)}body footer{background:rgba(0,0,0,0);box-shadow:0 -2px 4px rgba(0,0,0,.1)}body #theme-toggle{background:linear-gradient(90deg, #1c1b1a, #020201);color:#1c1b1a}body .nav__btn{background:rgba(0,0,0,0);color:#1c1b1a;border-color:#9280e8}body .nav__btn:hover{background:#b7abf0;color:#1c1b1a}body .progress-bar{background:rgba(0,0,0,0);border-color:#9280e8}body .progress-bar .progress{background:#1c1b1a}body .progress-bar .progress-label{color:#9280e8}body .nav{background:rgba(0,0,0,0);box-shadow:0 10px 35px rgba(0,0,0,.1)}body .nav__item{color:#1c1b1a}body .nav__item:hover{color:#b7abf0}body .nav__btn:before,body .nav__btn:after{background:#1c1b1a}body .nav__btn:hover:before,body .nav__btn:hover:after{background:#b7abf0}body .section-menu{background:rgba(0,0,0,0);border-color:#9280e8;color:#1c1b1a}body .section-button{background:rgba(0,0,0,0);color:#1c1b1a}body .section-button:hover{background:#b7abf0;color:#1c1b1a}body .footer-nav{background:rgba(0,0,0,0)}body .footer-nav__btn:before,body .footer-nav__btn:after{background:#f4e3c1}body .footer-nav__btn:hover:before,body .footer-nav__btn:hover:after{background:#b7abf0}body .footer-nav__item-link img:hover{filter:brightness(1.3)}.dark-mode{color:#f4e3c1;background-image:url("/images/background-mobile.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}@media (min-width: 721px){.dark-mode{background-image:url("/images/background.webp")}}.dark-mode header{background:rgba(0,0,0,0);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#f4e3c1}.dark-mode main{background:rgba(0,0,0,0)}.dark-mode footer{background:rgba(0,0,0,0);box-shadow:0 -2px 4px rgba(0,0,0,.1)}.dark-mode #theme-toggle{background:linear-gradient(90deg, #f4e3c1, #eccf96);color:#1c1b1a}.dark-mode .nav__btn{background:rgba(0,0,0,0);color:#1c1b1a;border-color:#9280e8}.dark-mode .nav__btn:hover{background:#b7abf0;color:#1c1b1a}.dark-mode .progress-bar{background:rgba(0,0,0,0);border-color:#9280e8}.dark-mode .progress-bar .progress{background:#f4e3c1}.dark-mode .progress-bar .progress-label{color:#9280e8}.dark-mode .section-menu{background:rgba(0,0,0,0);border-color:#9280e8;color:#1c1b1a}.dark-mode .section-button{background:rgba(0,0,0,0);color:#f4e3c1}.dark-mode .section-button:hover{background:#b7abf0;color:#1c1b1a}.dark-mode .nav{background:rgba(0,0,0,0);box-shadow:0 10px 35px rgba(0,0,0,.1)}.dark-mode .nav__item{color:#f4e3c1}.dark-mode .nav__item:hover{color:#b7abf0}.dark-mode .nav__btn:before,.dark-mode .nav__btn:after{background:#f4e3c1}.dark-mode .nav__btn:hover:before,.dark-mode .nav__btn:hover:after{background:#b7abf0}.dark-mode .footer-nav{background:rgba(0,0,0,0);box-shadow:0 10px 35px rgba(0,0,0,.1)}.dark-mode .footer-nav__btn:before,.dark-mode .footer-nav__btn:after{background:#f4e3c1}.dark-mode .footer-nav__btn:hover:before,.dark-mode .footer-nav__btn:hover:after{background:#b7abf0}.dark-mode .footer-nav__item-link img:hover{filter:brightness(1.1)}@media (min-width: 721px){.nav__btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:96px;height:96px;padding:40px 34px;cursor:pointer;background:inherit;border:none;z-index:1;transition:transform .5s cubic-bezier(.48, .43, .29, 1.3),left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:before,.nav__btn:after{content:"";display:block;width:28px;height:4px;border-radius:2px;background:#9280e8;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.48, .43, .29, 1.3),background-color .3s,left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:before{margin-bottom:8px;position:relative;left:0;transition:left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:after{position:relative;left:0;transition:left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:hover:before,.nav__btn:hover:after{background:#b7abf0}.open .nav__btn{transform:translate(-100%, -50%);}.open .nav__btn:before{left:-20px;transform:translateY(6px) rotate(-225deg)}.open .nav__btn:after{left:-20px;transform:translateY(-6px) rotate(225deg)}.nav__content.open{width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-desktop)}.nav__items{width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-desktop)}}@media (max-width: 720px){.nav__btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:48px;height:48px;padding:16px 10px;cursor:pointer;background:inherit;border:none;z-index:1;transition:transform .5s cubic-bezier(.48, .43, .29, 1.3),left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:before,.nav__btn:after{content:"";display:block;width:28px;height:4px;border-radius:2px;background:#9280e8;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.48, .43, .29, 1.3),background-color .3s,left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:before{margin-bottom:8px;position:relative;left:0;transition:left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:after{position:relative;left:0;transition:left .5s cubic-bezier(.48, .43, .29, 1.3)}.nav__btn:hover:before,.nav__btn:hover:after{background:#b7abf0}.open .nav__btn{transform:translate(-100%, -50%);}.open .nav__btn:before{left:-15px;transform:translateY(6px) rotate(-225deg)}.open .nav__btn:after{left:-15px;transform:translateY(-6px) rotate(225deg)}.nav__content.open{width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-mobile)}.nav__items{width:calc(60px * $num-of-items + $items-left-padding + $items-right-padding-mobile)}.nav__items{flex-direction:row;}#theme-toggle{top:3rem;right:.5rem}.header{height:60px}.footer{height:60px}.nav{height:60px}.main{padding:.5rem;min-height:auto}.main-content{margin-top:60px;margin-bottom:60px}.scroll-content{padding:.5rem}.section-menu{padding:.5rem}.section-button{width:100%;max-width:100px}.section-menu{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.section-menu .section-button{width:100%;max-width:116px;margin:0 auto;padding:.5rem 0;font-size:12px;height:auto;box-sizing:border-box}.about-container{padding:.5rem}main{padding:.5rem;background:rgba(0,0,0,0)}}