@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-rotate{display:flex;flex-wrap:wrap;justify-content:center;position:relative;white-space:pre-wrap}.text-rotate-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-rotate-word{display:inline-flex;letter-spacing:-.05em;overflow:hidden}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block;padding:0 1px}.text-rotate-space{white-space:pre}.text-rotate-word span{font-weight:700;letter-spacing:-.03em}.scroll-reveal{margin:10px 0;overflow:hidden;position:relative}.scroll-reveal,.scroll-reveal-text{background-color:initial;width:100%}.scroll-reveal-text{font-size:clamp(1rem,3vw,1.8rem);font-weight:500;line-height:1.4}.word{background-color:initial;display:inline-block;margin-right:3px;opacity:.1}.dock-outer{bottom:20px;left:0;overflow:hidden;position:fixed;width:100%;z-index:1000}.dock-outer,.dock-panel{align-items:flex-end;display:flex;justify-content:center}.dock-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-direction:row;margin:0 auto;padding:12px 0}.dock-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 4px;transition:transform .2s ease}.dock-item:hover{transform:translateY(-5px)}.dock-icon{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.dock-icon img{height:100%;object-fit:contain;width:100%}.dock-label{background-color:#323232e6;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:6px 10px;pointer-events:none;position:absolute;top:-35px;white-space:nowrap}.dock-container{margin-left:auto;margin-right:auto;max-width:500px;width:100%}.dock-github .dock-icon,.dock-instagram .dock-icon,.dock-itch .dock-icon,.dock-linkedin .dock-icon,.dock-resume .dock-icon{background-color:initial}.variable-proximity{font-family:Roboto Flex,sans-serif}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu-wrap{height:100%;overflow:hidden;width:100%}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{align-items:stretch;box-shadow:0 -1px var(--text-color);display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:60px!important;overflow:visible;position:relative;text-align:center;transition:padding .6s ease,margin .6s ease}.menu__item:hover{margin:20px 0;padding:20px 0;z-index:10}.menu__item--expanded{min-height:180px!important}.menu__item-link{color:#0000;cursor:pointer;font-size:0;height:120px;left:0;position:absolute;text-decoration:none;top:0;width:100%;z-index:5}.menu__item-link:hover{color:#0000}.menu__item-link:focus:not(:focus-visible){color:#0000}.menu__item-description{background-color:#ffffffa6;box-sizing:border-box;padding:10px 20px;pointer-events:auto;position:relative;text-align:left;width:100%}.menu__item-description--visible{display:block}.menu__item-description p{color:var(--text-color);font-size:16px;line-height:1.5;margin:0}.marquee{background:var(--primary-color);height:120px;min-height:120px;overflow:hidden;pointer-events:none;position:relative;width:100%}.marquee__inner,.marquee__inner-wrap{display:flex;height:100%;width:100%}.marquee__inner{align-items:center;justify-content:center;position:relative}.marquee__inner span{color:var(--text-color);font-size:4vh;font-weight:400;line-height:1.2;max-width:calc(50% - 40px);padding:.5vh 1vw;position:absolute;right:calc(50% + 40px);text-align:right;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:font-size .6s ease;white-space:nowrap;width:auto}.menu__item:hover .marquee__inner span{font-size:5vh}.marquee__inner .marquee__img{background-position:50% 50%;background-size:cover;border-radius:50px;height:14vh;left:calc(50% + 40px);max-width:calc(50% - 40px);min-width:180px;position:absolute;top:50%;transform:translateY(-50%);width:260px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.menu__item{height:auto!important;min-height:50px!important}.menu__item--expanded{height:auto!important;min-height:140px!important}.marquee{height:100px;min-height:100px}.marquee__inner span{font-size:3vh}.menu__item:hover .marquee__inner span{font-size:3.5vh}.marquee__inner .marquee__img{height:12vh;min-width:120px;width:180px}.menu__item-description{padding:10px 15px}.menu__item-description p{font-size:12px}}.scroll-float{overflow:hidden}.scroll-float-text{font-size:clamp(1.6rem,8vw,10rem);font-weight:900;line-height:1.5;text-align:center}.char,.scroll-float-text{display:inline-block}.projects{background-color:var(--text-color);padding:6rem 2rem}.projects-container{margin:0 auto;max-width:1200px}.projects-title{font-size:3.5rem;font-weight:900}.projects h2,.projects-title{color:var(--primary-color);margin-bottom:2rem;text-align:center}.projects h2{font-size:2rem}.chinese-text{font-size:.95em;font-weight:500}.project-text{display:inline-block;white-space:nowrap}.menu-project-section{border:none!important;margin:0!important;padding:0!important}.menu-project-section:not(:first-child){padding-top:3rem!important}.menu-project-section>div{margin:0!important;padding:0!important;transition:height .4s ease}.category-divider{margin:0!important;padding:0!important}.category-divider,.warning-tape{align-items:center;display:flex;height:2.5rem;justify-content:center;position:relative}.warning-tape{background:var(--text-color);box-shadow:0 2px 10px #0003;overflow:hidden;width:100%}.warning-tape:before{background:repeating-linear-gradient(45deg,var(--primary-color),var(--primary-color) 15px,var(--text-color) 15px,var(--text-color) 30px);bottom:0;content:"";left:0;mask-image:linear-gradient(90deg,#000 0,#000 25%,#0000 35%,#0000 65%,#000 75%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 25%,#0000 35%,#0000 65%,#000 75%,#000);position:absolute;right:0;top:0}.divider-text{border-radius:2px;color:var(--primary-color);font-size:1.6rem;font-weight:600;letter-spacing:.05em;padding:.25rem 1.5rem;position:relative;text-transform:uppercase;z-index:1}.menu__item{transition:all .4s ease}.menu__item,.menu__item--expanded{flex:0 0 auto!important;height:auto!important;min-height:auto!important}.menu,.menu-wrap{margin:0!important;padding:0!important}.menu__item-description p{font-size:1.2rem;font-weight:600;line-height:1.4;text-align:center}@media (max-width:768px){.projects{padding:4rem 1.5rem}.projects-title{font-size:2.5rem;margin-bottom:2rem}.projects h2{font-size:1.8rem;margin-bottom:2rem}.warning-tape{height:2rem}.divider-text{font-size:.7rem;padding:.2rem .8rem}.menu__item,.menu__item--expanded{flex:0 0 auto!important;height:auto!important;min-height:auto!important}}.mystica-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}@media (min-width:768px){.carousel-item{align-items:flex-start;flex-direction:row;gap:2rem;justify-content:space-between}.carousel-item img{margin-bottom:0;width:60%}.carousel-caption{padding:0;width:40%}}.mystica-nav{width:280px}.mystica-nav .scroll-list{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:10px;box-shadow:none;max-height:500px}.mystica-nav .item{background-color:initial;border:none;margin-bottom:15px;padding:12px 18px;transition:all .2s ease}.mystica-nav .item:hover{background-color:initial;border-color:#0000;transform:translateX(-5px)}.mystica-nav .item.selected{background-color:initial;border-left:3px solid #266867;padding-left:18px}.mystica-nav .item-text{color:var(--text-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px}@media (max-width:992px){.side-navigation{display:flex;justify-content:center;margin:2rem auto;position:static;transform:none;width:100%}.mystica-nav{max-width:300px;width:100%}.mystica-nav .item.selected{border-bottom:2px solid #266867;border-left:none;padding-bottom:8px;padding-left:10px}.mystica-page .card-spotlight{margin-bottom:2rem}}.mystica-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:3rem;padding:3rem;transition:transform .3s ease,box-shadow .3s ease}.mystica-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.mystica-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.mystica-page .card-spotlight:focus-within:before,.mystica-page .card-spotlight:hover:before{opacity:1}.game-embed-section{margin-bottom:4rem}.game-embed-container{background-color:#111;border-radius:8px;box-shadow:0 8px 24px #00000026;height:0;margin-top:1.5rem;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.game-embed-iframe{border:none;height:100%;left:0;min-height:600px;position:absolute;top:0;width:100%}@media (max-width:768px){.game-embed-container{padding-bottom:75%}.game-embed-iframe{min-height:400px}}.carousel-container{--outer-r:24px;--p-distance:12px;border:1px solid var(--text-color);border-radius:24px;overflow:hidden;padding:16px;position:relative}.carousel-track{display:flex}.carousel-item{align-items:flex-start;border:1px solid var(--text-color);border-radius:calc(var(--outer-r) - var(--p-distance));cursor:grab;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;overflow:hidden;position:relative}.carousel-item:active{cursor:grabbing}.carousel-container.round,.carousel-item.round{border:1px solid var(--text-color)}.carousel-item.round{align-items:center;background-color:#ffffff1a;bottom:.1em;justify-content:center;position:relative;text-align:center}.carousel-item-header.round{margin:0;padding:0}.carousel-indicators-container.round{bottom:3em;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.carousel-item-header{align-items:center;display:flex;height:300px;justify-content:center;margin-bottom:16px;overflow:visible;padding:10px;width:100%}.carousel-image{border-radius:16px;height:auto;margin-top:20px;max-height:100%;max-width:100%;object-fit:contain;width:auto}.carousel-icon-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.carousel-icon{color:#060606;height:16px;width:16px}.carousel-item-content{padding:20px;width:100%}.carousel-item-title{font-weight:900;margin-bottom:8px;margin-top:-50px}.carousel-item-description{line-height:1.5}.carousel-indicators-container{display:flex;justify-content:center;width:100%}.carousel-indicators{display:flex;justify-content:space-between;margin-top:16px;padding:0 32px;width:150px}.carousel-indicator{border-radius:50%;cursor:pointer;height:8px;transition:background-color .15s;width:8px}.scroll-list-container{position:relative;width:auto}.scroll-list{max-height:400px;overflow-y:auto;padding:8px}.scroll-list::-webkit-scrollbar{width:0}.scroll-list::-webkit-scrollbar-track{background:#0000}.scroll-list::-webkit-scrollbar-thumb{background:#0000;border-radius:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{border-radius:0;margin-bottom:4px;padding:6px 10px}.item,.item.selected{background-color:initial}.item-text{color:inherit;margin:0}.bottom-gradient,.top-gradient{background:none;display:none}.metaballs-container{height:100%;position:relative;width:100%}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;transform-style:preserve-3d;will-change:transform,box-shadow}.card-spotlight:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),#0000 60%);bottom:-100px;content:"";left:-100px;opacity:0;pointer-events:none;position:absolute;right:-100px;top:-100px;transition:opacity .4s ease;z-index:1}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}.card-spotlight>*{position:relative;z-index:2}.blur-text-container{display:flex;flex-wrap:wrap}.blur-text-element{display:inline-block;transition:all .8s cubic-bezier(.175,.885,.32,1.275);will-change:transform,filter,opacity}.blur-text-hidden-top{filter:blur(10px);opacity:0;transform:translateY(-50px)}.blur-text-hidden-bottom{filter:blur(10px);opacity:0;transform:translateY(50px)}.blur-text-animated{filter:blur(0);opacity:1;transform:translateY(0)}.camdown-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;position:relative;z-index:1}.project-header h2{font-size:1.8rem}.back-to-home{padding:2rem 0;text-align:center}.back-to-home a{background-color:#266867;border-radius:4px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s}.back-to-home a:hover{background-color:#1a4b4a}@media (min-width:768px){.carousel-item{align-items:center;flex-direction:column;justify-content:center}.carousel-item img{margin-bottom:1.5rem;width:100%}.carousel-caption{padding:0;width:100%}}.camdown-nav{width:280px}.camdown-nav .scroll-list{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:10px;box-shadow:none;max-height:500px}.camdown-nav .item{background-color:initial;border:none;margin-bottom:15px;padding:12px 18px;transition:all .2s ease}.camdown-nav .item:hover{background-color:initial;border-color:#0000;transform:translateX(-5px)}.camdown-nav .item.selected{background-color:initial;border-left:3px solid #266867;padding-left:18px}.camdown-nav .item-text{color:var(--text-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px}@media (max-width:992px){.side-navigation{display:flex;justify-content:center;margin:2rem auto;position:static;transform:none;width:100%}.camdown-nav{max-width:300px;width:100%}.camdown-nav .item.selected{border-bottom:2px solid #8e24aa;border-left:none;padding-bottom:8px;padding-left:10px}.camdown-page .card-spotlight{margin-bottom:2rem}}.camdown-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.camdown-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.camdown-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.camdown-page .card-spotlight:focus-within:before,.camdown-page .card-spotlight:hover:before{opacity:1}.spotlight-overlay{background-color:#000000b3;height:100%;left:0;mix-blend-mode:normal;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:900}.spotlight-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26686733;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:70px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:70px;z-index:1000}.spotlight-toggle:hover{background:#2668674d;transform:scale(1.1)}.spotlight-toggle.active{background:#26686780;box-shadow:0 0 15px #266867cc}.lamp-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;overflow:visible;position:relative;width:100%}.lamp-base{bottom:5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));position:absolute;width:60%;z-index:2}.lamp-light{bottom:10%;position:absolute;transform-origin:50% 90%;transition:transform .15s ease-out;width:70%;z-index:1}.spotlight-toggle.active .lamp-light{filter:drop-shadow(0 0 10px rgba(255,255,150,.8))}.spotlight-toggle:hover .lamp-container{transform:scale(1.05)}@media (max-width:768px){.spotlight-toggle{height:60px;width:60px}.lamp-base{width:50%}.lamp-light{width:60%}}.home-link,.lang-btn,.side-navigation,.spotlight-toggle{isolation:isolate}.others-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.project-header{padding:2rem 0}.project-header .container{margin:0 auto;max-width:1200px;padding:0 2rem}.project-header a{color:var(--text-color);display:block;text-decoration:none;transition:transform .3s ease}.project-header a:hover{transform:translateY(-5px)}.project-header img{transition:transform .3s ease,box-shadow .3s ease}.project-header a:hover img{box-shadow:0 8px 16px #00000026;transform:scale(1.05)}.others-content{margin:0 auto;max-width:1200px;padding:2rem}.user-profile{background-color:var(--section-bg);border-radius:1rem;box-shadow:0 4px 12px #0000001a;justify-content:center;margin-bottom:3rem;padding:2rem}.profile-link,.user-profile{align-items:center;display:flex}.profile-link{color:var(--text-color);flex-direction:column;text-decoration:none;transition:transform .3s ease}.profile-link:hover{transform:translateY(-5px)}.profile-image{border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 8px #0003;height:120px;margin-bottom:1rem;object-fit:cover;transition:all .3s ease;width:120px}.profile-link:hover .profile-image{border-color:var(--secondary-color);transform:scale(1.05)}.user-profile h2{color:var(--text-color);font-size:1.8rem;margin:0}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-10px)}.game-link{color:var(--text-color);display:flex;flex-direction:column;height:100%;text-decoration:none}.game-image-container{height:200px;overflow:hidden;width:100%}.game-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.game-card:hover .game-image{transform:scale(1.05)}.game-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.game-title{color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.game-description{color:#555;flex:1 1;font-size:.95rem;margin-bottom:1rem}.game-meta{color:#777;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-top:auto}.game-date,.game-downloads,.game-views{align-items:center;display:flex}.game-date:before,.game-downloads:before,.game-views:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:16px;margin-right:4px;width:16px}.game-views:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.game-downloads:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E")}.game-date:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E")}.error,.loading{color:var(--text-color);font-size:1.2rem;padding:3rem;text-align:center}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #26686733;border-radius:50%;border-top:5px solid var(--text-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#e74c3c}@media (max-width:768px){.games-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.game-image-container{height:180px}.game-title{font-size:1.2rem}}@media (max-width:480px){.others-content{padding:1rem}.games-grid{grid-template-columns:1fr}.project-header .container{padding:0 1rem}}.dream-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.project-carousel{display:flex;flex-direction:column;gap:2rem}.carousel-wrapper{display:flex;justify-content:center;margin:0 auto;width:100%}.carousel-container{max-width:100%}.carousel-container,.carousel-item{background-color:#ffffff1a;border-color:var(--text-color)}.carousel-item-title{color:var(--text-color);font-size:24px}.carousel-item-description{color:var(--text-color);font-size:20px}.carousel-indicator.active{background-color:var(--text-color)}.carousel-indicator.inactive{background-color:#26686766}.carousel-item img{border-radius:8px;box-shadow:none;margin-bottom:1.5rem;max-width:800px;width:100%}.carousel-caption{max-width:800px;padding:1rem;width:100%}.carousel-caption h4{color:var(--text-color);font-size:1.8rem;margin-bottom:.5rem}.dream-nav{width:280px}.dream-nav .scroll-list{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:10px;box-shadow:none;max-height:500px}.dream-nav .item{background-color:initial;border:none;margin-bottom:15px;padding:12px 18px;transition:all .2s ease}.dream-nav .item:hover{background-color:initial;border-color:#0000;transform:translateX(-5px)}.dream-nav .item.selected{background-color:initial;border-left:3px solid #266867;padding-left:18px}.dream-nav .item-text{color:var(--text-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px}.dream-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.dream-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.dream-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.dream-page .card-spotlight:focus-within:before,.dream-page .card-spotlight:hover:before{opacity:1}@media (max-width:992px){.side-navigation{display:flex;justify-content:center;margin:2rem auto;position:static;transform:none;width:100%}.dream-nav{max-width:300px;width:100%}.dream-nav .item.selected{border-bottom:2px solid #266867;border-left:none;padding-bottom:8px;padding-left:10px}.dream-page .card-spotlight{margin-bottom:2rem}}@media (max-width:768px){.project-header h1{font-size:4.5rem}.project-header h2{font-size:1.8rem;height:auto;min-height:100px}.project-section h3{font-size:2rem}.project-section p{font-size:1.2rem}.carousel-item{flex-direction:column}.carousel-caption,.carousel-item img{width:100%}}.design-docs-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.project-section{margin-bottom:0}.design-docs-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.design-docs-page .card-spotlight:hover{box-shadow:0 6px 12px #00000014,0 0 20px #2668670d;transform:translateY(-2px)}.design-docs-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.design-docs-page .card-spotlight:focus-within:before,.design-docs-page .card-spotlight:hover:before{opacity:1}.design-docs-page .gooey-nav-container nav ul li{align-items:center;background-color:initial;border:2px solid #266867;border-radius:50px;color:#266867;display:flex;height:50px;justify-content:center;min-width:180px;overflow:hidden;padding:10px 20px;transition:all .3s ease}.design-docs-page .gooey-nav-container nav ul li:hover{background-color:#2668671a}.design-docs-page .gooey-nav-container nav ul li a{color:#266867;font-size:1.4rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.design-docs-page .gooey-nav-container nav ul li.active{background-color:#266867}.design-docs-page .gooey-nav-container nav ul li.active a{color:var(--primary-color);font-size:1.4rem;font-weight:600}.design-docs-page .gooey-nav-container .particle,.design-docs-page .gooey-nav-container .point{background-color:#266867!important}.design-docs-page .gooey-nav-container .effect.text.active{font-size:1.4rem!important;font-weight:600!important}.design-docs-page .gooey-nav-container [style*="--color"]{--color-1:#266867!important;--color-2:#266867!important;--color-3:#266867!important;--color-4:#266867!important}.design-docs-page .gooey-nav-container{overflow:visible!important;padding:15px 0!important}.design-docs-page .gooey-nav-container .effect{overflow:visible!important;position:absolute!important}.pdf-section{padding:1.5rem}.pdf-container{background-color:#ffffff0d;border-radius:4px;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.pdf-viewer{border:none;border-radius:4px;display:block;width:100%}@media (max-width:992px){.design-docs-page .card-spotlight{margin-bottom:2rem}.pdf-container{max-width:90%}}@media (max-width:768px){.project-header h1{font-size:4rem}.project-header h2{font-size:1.8rem;height:auto;min-height:100px}.project-section h3{font-size:2rem}.project-section p{font-size:1.3rem}.gooey-nav-container nav ul{align-items:center;flex-direction:column;gap:1rem}.pdf-container{height:500px}}.design-docs-page .gooey-nav-container :after,.design-docs-page .gooey-nav-container :before,.design-docs-page .gooey-nav-container nav:after,.design-docs-page .gooey-nav-container nav:before{background-color:#266867!important}.design-docs-page .gooey-nav-container nav ul{background:#0000!important;justify-content:center;padding:0 20px;width:100%}.design-docs-page .gooey-nav-container nav ul li{border:2px solid #266867!important;border-radius:50px!important;margin:0 3px}.design-docs-page .gooey-nav-container .effect.filter:after{border-radius:50px!important}@media (max-width:768px){.project-description p{font-size:1.4rem}.project-header h1{font-size:4rem}.project-header h2{font-size:1.8rem;height:auto;min-height:100px}.project-section h3{font-size:2rem}.project-section p{font-size:1.3rem}.gooey-nav-container nav ul{align-items:center;flex-direction:column;gap:1rem}.pdf-container{height:500px}}.vita-container{display:flex;flex-direction:column;overflow:hidden}.vita-image{border:none;display:block;line-height:0;margin:0;padding:0}.vita-image+.vita-image{margin-top:-.5px}.lang-btn{background:#2668671a;font-size:14px;font-weight:600;padding:8px 16px}.lang-btn:first-child{border-radius:8px 0 0 8px}.lang-btn:last-child{border-radius:0 8px 8px 0}.lang-btn:hover:not(.active){background-color:#2668674d}:root{--linear-ease:linear(0,0.068,0.19 2.7%,0.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,0.996 28%,0.949,0.928 33.3%,0.926,0.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,0.995 68%,1.001 85%,1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;transform:translateZ(.01px)}.gooey-nav-container nav ul{color:#266867;gap:2em;list-style:none;margin:0;padding:0 1em;position:relative;text-shadow:none;z-index:3}.gooey-nav-container nav ul li{border-radius:100vw;box-shadow:0 0 .5px 1.5px #0000;color:#fff;cursor:pointer;padding:.6em 1em;position:relative;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{background:#fff;border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#ffc107;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{display:grid;height:0;left:0;opacity:1;place-items:center;pointer-events:none;position:absolute;top:0;width:0;z-index:1}.gooey-nav-container .effect.text{color:#fff;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:#ffc107}.gooey-nav-container .effect.filter{filter:none;mix-blend-mode:normal}.gooey-nav-container .effect.filter:before{background:#0000;content:"";inset:-75px;position:absolute;z-index:-2}.gooey-nav-container .effect.filter:after{background:#266867;border-radius:100vw;content:"";inset:0;opacity:0;position:absolute;transform:scale(0);z-index:-1}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{border-radius:100%;display:block;height:20px;opacity:0;transform-origin:center;width:20px}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -.35s;left:calc(50% - 8px);position:absolute;top:calc(50% - 8px)}.point{animation:point calc(var(--time)) ease 1 -.35s;background:var(--color);opacity:1}@keyframes particle{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);opacity:1;transform:rotate(0deg) translate(calc(var(--start-x)),calc(var(--start-y)))}70%{animation-timing-function:ease;opacity:1;transform:rotate(calc(var(--rotate)*.5)) translate(calc(var(--end-x)*1.2),calc(var(--end-y)*1.2))}85%{opacity:1;transform:rotate(calc(var(--rotate)*.66)) translate(calc(var(--end-x)),calc(var(--end-y)))}to{opacity:1;transform:rotate(calc(var(--rotate)*1.2)) translate(calc(var(--end-x)*.5),calc(var(--end-y)*.5))}}@keyframes point{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);opacity:0;transform:scale(0)}25%{transform:scale(calc(var(--scale)*.25))}38%{opacity:1}65%{animation-timing-function:ease;opacity:1;transform:scale(var(--scale))}85%{opacity:1;transform:scale(var(--scale))}to{opacity:0;transform:scale(0)}}.webdev-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.project-header{padding:2rem 0 1rem}.project-content{padding:1rem 0 3rem}.project-section{margin-bottom:2rem}.webdev-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.webdev-page .card-spotlight:hover{box-shadow:0 6px 12px #00000014,0 0 20px #2668670d;transform:translateY(-2px)}.webdev-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.webdev-page .card-spotlight:focus-within:before,.webdev-page .card-spotlight:hover:before{opacity:1}.gooey-nav-wrapper{display:flex;height:100px;justify-content:center;margin:0 0 .5rem;padding:10px 0 5px;position:relative;width:100%;z-index:10}.gooey-nav-container{height:100%;max-width:1000px;width:100%}.gooey-nav-container nav ul{display:flex;gap:1.5em;justify-content:center}.gooey-nav-container nav ul li{color:var(--primary-color)}.gooey-nav-container nav ul li a{color:var(--primary-color);font-size:1.5rem;font-weight:600;text-decoration:none}.gooey-nav-container nav ul li.active{background-color:#266867;color:var(--primary-color)!important}.gooey-nav-container .effect.filter:before{background:#0000!important}.gooey-nav-container .effect.filter:after{background:#266867!important}.gooey-nav-container .effect.text{color:var(--primary-color)!important}.gooey-nav-container .effect.filter{filter:none!important;margin:0!important;mix-blend-mode:normal!important;padding:0!important}.webdev-page .gooey-nav-container nav ul li{align-items:center;background-color:initial;border:2px solid #266867;border-radius:50px;color:#266867;display:flex;height:50px;justify-content:center;min-width:150px;overflow:hidden;padding:10px 20px;transition:all .3s ease}.webdev-page .gooey-nav-container nav ul li:hover{background-color:#2668671a}.webdev-page .gooey-nav-container nav ul li a{color:#266867;font-size:1.4rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.webdev-page .gooey-nav-container nav ul li.active{background-color:#266867}.webdev-page .gooey-nav-container nav ul li.active a{color:var(--primary-color);font-size:1.4rem;font-weight:600}.webdev-page .gooey-nav-container .particle,.webdev-page .gooey-nav-container .point{background-color:#266867!important}.webdev-page .gooey-nav-container .effect.text.active{font-size:1.4rem!important;font-weight:600!important}.webdev-page .gooey-nav-container [style*="--color"]{--color-1:#266867!important;--color-2:#266867!important;--color-3:#266867!important;--color-4:#266867!important}.webdev-page .gooey-nav-container{overflow:visible!important;padding:15px 0!important}.gooey-nav-container nav{height:100%;left:0;position:relative;top:0;width:100%}.webdev-page .gooey-nav-container .effect{overflow:visible!important;position:absolute!important}.project-image-container{align-items:center;border-radius:4px;display:flex;justify-content:center;margin:0 auto;overflow:hidden;width:100%}.project-image{border-radius:4px;height:auto;max-width:900px;object-fit:contain;transition:transform .5s ease;width:100%}.project-image:hover{transform:scale(1.02)}.description-section{margin-bottom:2rem}.project-description{padding:.5rem 0;text-align:center}.project-description p{animation:fadeIn .8s ease-in-out;color:var(--text-color);font-size:1.8rem;line-height:1.6;margin:0 auto;max-width:900px;transition:opacity .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-to-top{border:2px solid #266867;bottom:50px;box-shadow:0 2px 10px #0000001a;height:50px;right:50px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,background-color .3s ease,box-shadow .3s ease;width:50px;z-index:100}.back-to-top.visible{transform:translateY(0)}.back-to-top:hover{background-color:#266867e6;box-shadow:0 4px 15px #2668674d,0 0 10px #26686733;transform:translateY(-3px) scale(1.1)}.back-to-top svg{height:24px;transition:transform .3s ease;width:24px}.back-to-top:hover svg{transform:translateY(-2px)}@media (max-width:992px){.webdev-page .card-spotlight{margin-bottom:2rem}}@media (max-width:768px){.project-header h1{font-size:4rem}.project-header h2{font-size:1.8rem;height:auto;min-height:100px}.project-section h3{font-size:2rem}.project-section p{font-size:1.3rem}.gooey-nav-container nav ul{align-items:center;flex-direction:column;gap:1rem}.project-image{max-width:100%}}.webdev-page .gooey-nav-container nav ul{background:#0000!important;justify-content:center;padding:0 20px;width:100%}.webdev-page .gooey-nav-container nav ul li{border:2px solid #266867!important;border-radius:50px!important;margin:0 3px}.webdev-page .gooey-nav-container .effect.filter:after{border-radius:50px!important}.sage-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.sage-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.sage-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.sage-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.sage-page .card-spotlight:focus-within:before,.sage-page .card-spotlight:hover:before{opacity:1}.cautions-page{background-color:var(--primary-color);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.project-section{margin-bottom:4rem;padding:2rem}.project-section p{line-height:1.6}.cautions-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:4rem;transition:transform .3s ease,box-shadow .3s ease}.cautions-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.cautions-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.cautions-page .card-spotlight:focus-within:before,.cautions-page .card-spotlight:hover:before{opacity:1}.iframe-container{border-radius:8px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.iframe-container iframe{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.feature-list,.tech-list{list-style-type:none;margin:0;padding:0}.feature-list li,.tech-list li{color:var(--text-color);font-size:1.3rem;margin-bottom:1.2rem;padding-left:1.5rem;position:relative}.feature-list li:before,.tech-list li:before{color:var(--text-color);content:"•";font-size:1.5rem;left:0;line-height:1.2;position:absolute}.back-to-top{align-items:center;background-color:var(--text-color);border-radius:50%;bottom:2rem;box-shadow:0 2px 10px #0003;color:var(--primary-color);cursor:pointer;display:flex;height:3rem;justify-content:center;opacity:0;position:fixed;right:2rem;transition:all .3s ease;visibility:hidden;width:3rem;z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-3px)}.back-to-top svg{fill:var(--primary-color);height:1.5rem;width:1.5rem}.lang-btn{border:none}@media (max-width:992px){.project-section{margin-bottom:3rem}}@media (max-width:768px){.project-header h1{font-size:4.5rem}.project-header h2{font-size:1.8rem;height:auto;min-height:100px}.project-section h3{font-size:2rem}.project-section p{font-size:1.2rem}.feature-list li,.tech-list li{font-size:1.1rem}.home-link{position:absolute}}.seemuseums-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.project-header,.seemuseums-page{background-color:var(--primary-color)}.project-header{color:var(--text-color);padding:3rem 0;text-align:center}.project-header h1{font-size:7rem;line-height:1.2;margin-bottom:1.5rem;text-transform:uppercase}.project-header h1 a{color:var(--text-color);text-decoration:none;transition:opacity .3s}.project-header h1 a:hover{opacity:.8}.project-header hr{border:1px solid var(--text-color);margin:1.5rem auto;width:90%}.project-header h2{align-items:center;color:var(--text-color);display:flex;font-size:2.5rem;font-weight:400;height:150px;justify-content:center;margin:2rem auto;max-width:1600px}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.project-content{padding:3rem 0}.project-section{background-color:initial;border:none;margin-bottom:3rem;padding:3rem}.project-section h3{font-size:2.5rem;text-align:center}.project-section h3,.project-section p{color:var(--text-color);margin-bottom:1.5rem}.project-section p{font-size:1.5rem}.side-navigation{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100}.seemuseums-nav{width:280px}.seemuseums-nav .scroll-list{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:10px;box-shadow:none;max-height:500px}.seemuseums-nav .item{background-color:initial;border:none;margin-bottom:15px;padding:12px 18px;transition:all .2s ease}.seemuseums-nav .item:hover{background-color:initial;border-color:#0000;transform:translateX(-5px)}.seemuseums-nav .item.selected{background-color:initial;border-left:3px solid #266867;padding-left:18px}.seemuseums-nav .item-text{color:var(--text-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px}.home-link{align-items:center;display:flex;left:20px;position:fixed;top:20px;z-index:200}.metaball-wrapper{height:60px;margin-right:15px;overflow:visible;position:relative;width:60px}.home-link .metaballs-container{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%}.home-link a{color:var(--text-color);font-size:1.8rem;font-weight:600;text-decoration:none;transition:opacity .3s;z-index:1}.home-link a:hover{opacity:.8}.seemuseums-page .card-spotlight{background-color:#ffffff1a;border:1px solid var(--text-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:3rem;padding:3rem;transition:transform .3s ease,box-shadow .3s ease}.seemuseums-page .card-spotlight:hover{box-shadow:0 8px 24px #00000026,0 0 60px #2668671a;transform:translateY(-3px) perspective(1000px) rotateX(1deg)}.seemuseums-page .card-spotlight:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#26686726,#0000 40%);transition:opacity .6s ease}.seemuseums-page .card-spotlight:focus-within:before,.seemuseums-page .card-spotlight:hover:before{opacity:1}.video-container{border-radius:8px;box-shadow:0 8px 24px #00000026;height:0;margin:0 auto;max-width:900px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.title-container{color:var(--text-color);display:inline-block;font-size:7rem;font-weight:900;line-height:1.2;min-width:100%;text-align:center}.decrypted-title{color:var(--text-color);font-weight:inherit}.encrypted-title{color:#266867b3;font-weight:inherit}.description-container{align-items:center;display:inline-block;display:flex;font-size:1.8rem;font-weight:400;justify-content:center;max-width:1600px;min-height:150px;text-align:center;width:100%}.decrypted-description,.description-container{color:var(--text-color)}.encrypted-description{color:#266867b3}@media (max-width:992px){.side-navigation{display:flex;justify-content:center;margin:2rem auto;position:static;transform:none;width:100%}.seemuseums-nav{max-width:300px;width:100%}.seemuseums-nav .item.selected{border-bottom:2px solid #266867;border-left:none;padding-bottom:8px;padding-left:10px}.seemuseums-page .card-spotlight{margin-bottom:2rem}.project-header h1{font-size:5rem}.project-header h2{font-size:2rem}}@media (max-width:576px){.project-header h1{font-size:3.5rem}.project-header h2{font-size:1.8rem;height:auto;min-height:120px}.project-section{padding:2rem 1.5rem}.project-section h3{font-size:2rem}.project-section p{font-size:1.2rem}}.lanyard-wrapper{align-items:center;transform:scale(1);transform-origin:center}:root{--primary-color-rgb:255,193,7;--accent-color-rgb:255,181,99;--text-color-rgb:38,104,103}.about-me-page{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.about-me-content{background-color:var(--primary-color);flex:1 1;flex-direction:row;overflow:visible;padding-top:3rem;position:relative;z-index:1}.about-me-content,.lanyard-wrapper{display:flex;justify-content:center}.lanyard-wrapper{align-items:flex-start;height:100vh;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000}.lanyard-wrapper>div{height:100%;width:100%}.profile-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:5%;margin-top:1rem;padding:2rem 2rem 3rem 0;position:relative;width:100%;z-index:10}.profile-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;box-shadow:0 15px 35px #00000026;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:all .4s ease;width:100%}.profile-card:hover{background:#ffc10714;background:rgba(var(--primary-color-rgb),.08);border:1px solid #ffc1074d;border:1px solid rgba(var(--primary-color-rgb),.3);box-shadow:0 20px 40px #0003;transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateZ(10px)}.profile-info{background-color:initial;border-radius:.5rem;box-shadow:none;max-width:900px;padding:2.5rem;transform-style:preserve-3d;width:100%;z-index:10}.profile-info,.profile-info h1{color:var(--text-color);position:relative}.profile-info h1{display:inline-block;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 1px 2px #ffffff4d}.profile-info h1:after{background-color:var(--text-color);border-radius:2px;bottom:-10px;box-shadow:0 1px 3px #fff3;content:"";height:3px;left:0;position:absolute;width:100%}.profile-info h2,.profile-info h3{color:var(--text-color)}.profile-info h1,.profile-info h2,.profile-info h3,.profile-info p{transform:translateZ(10px)}.bio-text{font-size:1.1rem;line-height:1.8}.bio-text p{margin-bottom:1.5rem}.skills-section{margin-top:2.5rem}.skills-section h2{color:var(--text-color);font-size:1.8rem;margin-bottom:1.5rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.skill-category h3{color:var(--text-color);display:inline-block;font-size:1.3rem;margin-bottom:1rem;position:relative}.skill-category h3:after{background-color:var(--text-color);border-radius:2px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:50%}.skill-category ul{list-style:none}.skill-category li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.skill-category li:before{color:var(--text-color);content:"•";font-size:1.5rem;left:0;position:absolute;top:-5px}.profile-card:before{background-position:-1px -1px,-1px -1px;background-size:20px 20px,60px 60px;border-radius:1rem;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0;z-index:-1}.profile-card:after{background:radial-gradient(circle at center,#ffb5631a 0,#ffb56300 75%);background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.1) 0,rgba(var(--accent-color-rgb),0) 75%);border-radius:50%;bottom:-50%;content:"";left:-50%;opacity:0;position:absolute;right:-50%;top:-50%;transform:scale(0);transition:transform .6s ease,opacity .6s ease;z-index:1}.profile-card:hover:after{opacity:.5;transform:scale(1.5)}.app-container{overflow:hidden!important}body,html{overflow-x:hidden!important}@media (max-width:1024px){.about-me-content{align-items:center;flex-direction:column}.lanyard-wrapper{height:350px;padding-top:0;position:relative;top:0;width:100%}.profile-container{align-items:center;margin:0 auto;padding:2rem;width:90%}.profile-info{max-width:800px}}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}.profile-info{padding:1.5rem}.lanyard-wrapper{height:300px}}@media (max-width:480px){.skills-grid{grid-template-columns:1fr}.profile-info{padding:1.5rem 1rem}.profile-info h1{font-size:2rem}.lanyard-wrapper{height:250px}}:root{--primary-color:#ffc107;--secondary-color:#e6af00;--accent-color:#ffb563;--light-accent:#ffd29d;--neutral-color:#918450;--text-color:#266867;--light-text:#fff;--background-color:#fff;--section-bg:#f7f7f7;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffc107;background:var(--primary-color)}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:#266867;background-color:var(--text-color)}body{background-color:#fff;background-color:var(--background-color);color:#266867;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:visible}.app-container{max-width:100vw;min-height:100vh;overflow:visible!important;position:relative}.lanyard-wrapper{overflow:visible;pointer-events:all;position:relative;z-index:20}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffc107;background-color:var(--primary-color);justify-content:space-between;left:0;padding:1.5rem 2rem;position:fixed;top:0;width:100%;z-index:100}.header,.logo{align-items:center;display:flex}.logo{gap:.5rem;margin-left:1rem}.logo-image{height:3rem;transition:transform .6s ease-in-out;width:auto}.logo-image:hover{transform:rotate(1turn)}.logo-text{color:#266867;color:var(--text-color);display:flex;flex-direction:column;font-family:Roboto Flex,sans-serif}.logo-text span{display:block}.nav{align-items:center;display:flex}.language-switcher{border-radius:8px;display:flex;overflow:hidden;position:fixed;right:20px;top:20px;z-index:1000}.lang-btn{background:#ffc107;background:var(--primary-color);border:2px solid #266867;border:2px solid var(--text-color);color:#266867;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem .8rem;transition:all .3s ease}.lang-btn.active{background-color:#266867;background-color:var(--text-color);border-color:#266867;border-color:var(--text-color);color:#ffc107;color:var(--primary-color)}.lang-btn:not(.active){background-color:#ffc107;background-color:var(--primary-color);color:#266867;color:var(--text-color)}.lang-btn:hover:not(.active){background-color:#2668671a}.lang-btn:first-child{border-bottom-left-radius:6px;border-right:1px solid #266867;border-right:1px solid var(--text-color);border-top-left-radius:6px}.lang-btn:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.nav ul{display:flex;gap:2rem;list-style:none;margin-right:120px}.nav a{color:#266867;color:var(--text-color);font-size:1.6rem;font-weight:500;text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.nav a:hover{color:#ffc107;color:var(--primary-color)}.hero{background-color:#ffc107;background-color:var(--primary-color);flex-direction:column;height:100vh;padding:0 2rem}.hero,.title-container{align-items:center;display:flex;justify-content:center}.title-container{font-size:2rem;font-weight:600;width:100%}.title-prefix{color:#266867;color:var(--text-color);margin-right:.5rem}.title-rotating{border-radius:.5rem;font-weight:700;overflow:hidden;padding:.3rem .8rem}.about,.title-rotating{background-color:#266867;background-color:var(--text-color);color:#ffc107;color:var(--primary-color)}.about{align-items:center;display:flex;justify-content:center;min-height:30vh;padding:2rem 16rem 0}.about-text{background-color:initial;font-size:1.1rem;line-height:1.5;max-width:700px}.footer{align-items:center;background-color:#266867;background-color:var(--text-color);color:#fff;color:var(--light-text);display:flex;justify-content:space-between;padding:2rem}.footer-left{text-align:left}.footer-right{text-align:right}.footer a{color:#fff;color:var(--light-text);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.footer a:hover{color:#e6af00;color:var(--secondary-color)}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.social-links a{color:#fff;color:var(--light-text);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.social-links a:hover{color:#e6af00;color:var(--secondary-color)}@media (max-width:768px){.name{font-size:3rem}.title-container{align-items:center;flex-direction:column;font-size:1.5rem}.about-text{font-size:1rem}.nav{align-items:flex-end;flex-direction:column}.language-switcher{margin-bottom:1rem;margin-right:0}}@media (max-width:480px){.header{padding:1rem}.nav ul{gap:1rem}.name{font-size:2.5rem}.about{padding:4rem 1.5rem}}
/*# sourceMappingURL=main.39d89a4e.css.map*/