.toast-container{z-index:9999}@keyframes toast-enter{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes toast-exit{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,100%,0);opacity:0}}.toast-top{top:20px}.toast-bottom{bottom:20px}.toast-center{left:50%;transform:translate(-50%)}.toast-left{left:20px}.toast-right{right:20px}@media (max-width: 640px){.toast-container{max-width:calc(100vw - 32px);left:16px!important;right:16px!important;transform:none!important}}.resume-btn{border:var(--border-bottom-title-dark-mode);display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--color-text);padding:.5rem 1rem;border-radius:var(--borderRadius);font-size:.9rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;box-shadow:none}.resume-btn:before{content:"";position:absolute;inset:-45% auto -45% -75%;width:45%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.18),var(--color-primary),rgba(255,255,255,.18),transparent);opacity:0;transform:skew(-24deg);transition:left .75s ease,opacity .25s ease;z-index:1}.resume-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(59,130,246,.08),transparent);opacity:0;transition:opacity .3s ease;z-index:0}.resume-btn:hover:before{left:130%;opacity:.85}.resume-btn:hover:after{opacity:1}.resume-btn:hover{color:var(--color-primary-hover);box-shadow:0 .6rem 1.25rem #3b82f61f;border-color:var(--color-primary-hover)}.resume-btn-icon{font-size:.9rem;color:var(--color-primary);animation:bounce 2s infinite;position:relative;z-index:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.resume-btn-text{font-family:inherit;letter-spacing:.5px;color:var(--color-text);position:relative;z-index:2}@media screen and (max-width: 768px){.resume-btn{padding:.4rem .7rem;font-size:.8rem;gap:.3rem}.resume-btn-icon,.resume-btn-text{font-size:.8rem}}@media screen and (max-width: 480px){.resume-btn{padding:.35rem .6rem;font-size:.75rem;gap:.25rem}.resume-btn-icon{font-size:.75rem}.resume-btn-text{font-size:.75rem;letter-spacing:.3px}}.navbar{height:var(--navbar-height);width:100vw;color:var(--color-text);padding:0 var(--app-level-padding);display:flex;align-items:center;justify-content:space-between;transition:top var(--transition),transform var(--transition),background var(--transition),backdrop-filter var(--transition),-webkit-backdrop-filter var(--transition);background:linear-gradient(to bottom,var(--color-background),transparent);position:fixed;top:0;left:0;z-index:999;transform:translateY(0);will-change:transform}.navbar.navbar--hidden{pointer-events:none;transform:translateY(calc(-100% - 1rem))}.navbar *{font-family:var(--font-navbar)}.navbar>.nav-bar-main-container{position:relative;display:inherit;align-items:inherit;justify-content:inherit;width:inherit;padding:.5rem 1rem;background:var(--color-navbar-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--borderRadius);gap:2rem;overflow:hidden}.navbar>.nav-bar-main-container>*{position:relative;z-index:10}.navbar>.nav-bar-main-container:before,.navbar>.nav-bar-main-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.navbar>.nav-bar-main-container:before{z-index:3;-webkit-backdrop-filter:var(--filter-glass3d);backdrop-filter:var(--filter-glass3d);background-color:var(--color-glass3d);background-image:var(--noise-glass3d);background-repeat:repeat;background-size:100px}.navbar>.nav-bar-main-container:after{z-index:5;box-shadow:inset 2px 2px 1px -3px #e0e6ebcc,inset 4px 4px 2px -6px #e0e6eb4d,inset 1.5px 1.5px 1.5px -.75px #e0e6eb26,inset 1.5px 1.5px .25px #e0e6eb08,inset 0 0 .25px .5px #e0e6eb08}.navbar-header{display:flex;align-items:center;gap:1rem}.nav-bar-banding{display:flex;align-items:center}.branding-title{display:flex;gap:.5rem}.branding-title span{text-transform:capitalize}.header-icon{font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-bold);text-decoration:none;border-radius:var(--borderRadius);letter-spacing:.5ch;padding:.1rem .2rem}.navbar-toggle{background:none;border:none;color:var(--color-primary);font-size:1.6rem;cursor:pointer;display:none;margin-left:auto;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease}.navbar-toggle:hover{transform:scale(1.1);color:var(--color-primary)}.navbar-toggle-icon{pointer-events:none;transition:transform .3s ease}.navbar-toggle.active .navbar-toggle-icon{transform:rotate(180deg)}.navbar-links-container{overflow:hidden;transition:height var(--transition);background:transparent;height:auto;display:flex;justify-content:flex-start;flex-basis:70%}.navbar-links-list{display:flex;gap:1rem;list-style:none;margin:0;padding:0;transition:var(--transition)}.navbar-link{text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);transition:color var(--transition),text-underline-offset var(--transition) font-weight var(--transition);text-transform:capitalize;line-height:200%;overflow:hidden;text-overflow:ellipsis;text-underline-offset:.3rem;padding:.1rem .5rem}.navbar-link.active{color:var(--color-primary)}.navbar-link{font-family:var(--font-navbar);position:relative;display:inline-block;color:inherit;text-decoration:none;transition:color var(--transition);font-weight:var(--font-weight-regular)}.navbar-link:after{content:attr(data-text);font-weight:var(--font-weight-semibold);visibility:hidden;height:0;overflow:hidden;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.navbar-link:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%) scaleX(0);transform-origin:center;width:100%;height:2px;background-color:var(--color-primary);transition:var(--transition)}.navbar-link:not(.active):hover{color:var(--color-primary)}.navbar-link:not(.active):hover:before{display:none}.navbar-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.navbar-socials{display:flex;align-items:center;gap:.7rem;color:var(--color-text-secondary)}.navbar-socials>span{font-size:var(--font-size-xl);line-height:200%;cursor:pointer;transition:color var(--transition),transform var(--transition)}.navbar-socials>span:hover{color:var(--color-primary);transform:scale(1.2)}@media screen and (max-width: 1021px){.navbar{gap:1rem}}@media screen and (max-width: 1023px){.navbar-toggle{display:flex}.navbar-socials{display:none}.navbar-links-list{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--color-navbar-glass);border-top:1px solid rgba(96,165,250,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem 0;gap:0;z-index:1000;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .4s ease,opacity .3s ease,transform .3s ease}.navbar-links-list.show{max-height:300px;opacity:1;transform:translateY(0)}.navbar-link{padding:1rem 2rem;width:100%;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);display:block}.navbar-link:last-child{border-bottom:none}.navbar-link:before{display:none}.navbar-link:hover{background:#60a5fa1f}}.home-container-main{display:flex;flex-direction:column;gap:2rem;color:var(--color-text)}.home-container{min-height:fit-content;background-color:transparent;color:var(--color-text);display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:3rem}.text-section{flex-basis:55%;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;max-width:46rem}.text-section h1{line-height:1.2;margin:0;letter-spacing:0;font-family:var(--font-heading);font-size:clamp(2.25rem,4.6vw,2.8rem);font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap}.home-hero-greeting,.home-hero-title,.text-section .bio,.home-hero-tagline,.text-section .project,.text-section .byline{margin:0}.home-hero-greeting{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:0}.home-hero-title{color:var(--color-text);font-family:var(--font-mono);font-size:clamp(1.25rem,2.4vw,2rem);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:0}.text-section .bio{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.5;letter-spacing:0;text-align:left;max-width:42rem}.text-section .byline{font-style:italic;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:var(--font-size-sm);line-height:1.45;letter-spacing:0}.text-section .project{font-family:var(--font-mono);font-size:var(--font-size-lg);line-height:1.45;letter-spacing:0;color:var(--color-text)}.home-hero-tagline-block{min-height:4.8rem;display:flex;align-items:flex-start;width:100%}.home-hero-tagline{width:100%;font-family:var(--font-mono);font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:var(--font-weight-semibold);line-height:1.55;letter-spacing:0;animation:homeHeroTaglineFade .36s ease both}.home-hero-tagline .Typewriter,.home-hero-tagline .Typewriter__wrapper{display:inline}.home-hero-tagline .Typewriter__wrapper{background:linear-gradient(90deg,var(--tagline-color-start),var(--tagline-color-mid),var(--tagline-color-accent),var(--tagline-color-end));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:homeHeroTaglineGradient 6s ease-in-out infinite}.home-hero-tagline .Typewriter__cursor{display:inline-block;color:var(--tagline-color-accent);font-weight:var(--font-weight-black);line-height:1;transform:scaleX(1.55);transform-origin:center}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}@keyframes homeHeroTaglineFade{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes homeHeroTaglineGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.image-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.75rem;align-self:stretch}.home-hero-media-card{width:300px;max-width:100%;padding:0;border-radius:var(--borderRadius);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.image-section img{width:100%;height:100%;max-width:300px;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--borderRadius);box-shadow:0 1.5rem 3rem #00000073;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);filter:grayscale(1) brightness(.72) contrast(.9);transition:filter .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.image-section img:hover{filter:grayscale(0) brightness(1) contrast(1.04)}.image-section img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 10%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.8) 100%);border-radius:var(--borderRadius);pointer-events:none}.home-hero-socials{width:100%;display:flex;justify-content:center;gap:1rem}.home-social-btn{border:0;color:var(--color-text-secondary);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.65rem;opacity:.75;transition:opacity .25s ease,filter .25s ease}.home-social-btn:hover{opacity:1;color:var(--color-text-hover);filter:brightness(1.25)}.home-experience-container{min-height:20vw;display:flex;flex-direction:column;gap:1.5rem}.exp-sub-wrapper{display:flex;flex-direction:row;gap:1rem}.home-creativity-showcase{display:flex;flex-direction:column}.home-tech-stack-section{min-height:28vw;display:flex;flex-direction:column;gap:1.5rem}.home-creativity-showcase>.creativity-demos-list{padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.creativity-or-demo{border-radius:var(--borderRadius);background-color:transparent;min-height:fit-content;padding-bottom:.5rem;transition:outline-color var(--transition),box-shadow var(--transition),filter var(--transition);cursor:pointer;display:flex;flex-direction:column;height:100%}.creativity-or-demo:hover{outline:2px solid var(--color-primary);position:relative}.creativity-or-demo:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 10px 4px var(--color-primary);filter:blur(6px);z-index:1}.creativity-and-demo-v-container>video{width:100%;height:100%;object-fit:cover;border-radius:var(--borderRadius);display:flex;flex-direction:column;gap:1rem}.creativity-and-demo-v-container>img{width:100%;height:200px;object-fit:cover;border-radius:var(--borderRadius);display:block}.creativity-and-demo-action-btns{width:100%;display:flex;justify-content:end;align-items:center;gap:.5rem}.creativity-and-demo-action-btns>span{cursor:pointer;color:var(--color-text);text-transform:capitalize;text-decoration:underline;-webkit-text-underline-offset:4px;text-underline-offset:4px;font-size:var(--font-size-sm);font-style:italic;transition:color var(--transition);text-decoration-color:var(--color-primary);z-index:2;min-height:100%;padding:.5rem 1rem;border-radius:var(--borderRadius);border:1px solid transparent}.live-btn{background:linear-gradient(135deg,#f44,#c00)!important;border:1px solid #ff4444!important;color:#fff!important;text-decoration:none!important;position:relative;overflow:hidden;display:flex!important;align-items:center;gap:.5rem;animation:livePulse 2s ease-in-out infinite;font-weight:600!important}.live-btn:hover{background:linear-gradient(135deg,#f66,red)!important;box-shadow:0 0 15px #ff444480;color:#fff!important}.live-btn:active{transform:translateY(0)}.live-dot{width:8px;height:8px;background:#fff;border-radius:var(--borderRadius);animation:liveDotPulse 1.5s ease-in-out infinite}.github-btn{background:transparent!important;border:1px solid var(--color-border)!important}.github-btn:hover{background:transparent!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}@keyframes livePulse{0%,to{box-shadow:0 0 5px #ff44444d}50%{box-shadow:0 0 20px #f449,0 0 30px #f446}}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.creativity-and-demo-action-btns>span:hover,.creativity-and-demo-action-btns>span:focus{color:var(--color-primary)}.about{display:flex;flex-direction:column;gap:.7rem;flex-grow:1;flex:1}.about{padding:.5rem}.creativity-and-demo-action-btns{padding:0 .5rem}.about>.title{font-size:var(--font-size-md);color:var(--color-primary);text-align:left;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about>.description{text-align:left}.description-text.truncated{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text-secondary)}.description-text{color:var(--color-text-secondary)}@media screen and (max-width: 639px){.description-text.truncated{-webkit-line-clamp:2;line-clamp:2;font-size:var(--font-size-xs)}.description-text{font-size:var(--font-size-xs)}}.show-more-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.25rem 0;margin-top:.5rem;text-decoration:underline;display:block;pointer-events:auto;z-index:10;position:relative}.show-more-btn:hover{color:var(--color-primary)}.home-education-section,.home-achievements-section{display:flex;min-height:20vw;flex-direction:column;gap:1.5rem}.achievements-list{display:flex;flex-direction:column;gap:1.5rem}.achievement-item{display:flex;gap:1.5rem;padding:1.25rem;border:var(--border-thin) var(--color-border);border-radius:var(--borderRadius);color:var(--color-text);transition:var(--transition)}.achievement-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-2)}.achievement-item>div{display:flex;flex-direction:column;gap:.4rem}.achievement-item h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.achievement-item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.achievement-icon{color:var(--color-primary);font-size:var(--font-size-xl);line-height:1}@media screen and (max-width: 1023px){.home-container{flex-direction:column;gap:2rem;padding:2rem 0 0}.text-section{flex-basis:100%;order:2;align-items:flex-start}.text-section h1{font-size:2.5rem;text-align:left}.text-section .bio,.text-section .byline{text-align:left}.image-section{flex-basis:100%;justify-content:flex-start;order:1}.image-section img,.image-section .profile-image{max-width:460px}.home-creativity-showcase>.creativity-demos-list{justify-content:center}.home-creativity-showcase{margin:1rem 0}}@media screen and (max-width: 767px){.home-container{gap:1.5rem}.text-section h1{font-size:2rem}.image-section img,.image-section .profile-image{max-width:360px}.creativity-or-demo{width:300px;flex:0 0 300px}.home-creativity-showcase>.creativity-demos-list{gap:1rem}.home-creativity-showcase{margin:1.5rem 0}}@media screen and (max-width: 639px){.home-container{padding:1rem 0 0;gap:1rem}.text-section h1{font-size:1.8rem}.text-section .bio{font-size:var(--font-size-sm)}.image-section img,.image-section .profile-image{max-width:280px}.home-hero-socials{gap:1rem}.home-social-btn{font-size:1.25rem}.creativity-or-demo{width:280px;flex:0 0 280px}.creativity-and-demo-v-container>img{height:200px}.home-creativity-showcase{margin:1rem 0}.mobile-projects-scroll{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:1rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;align-items:stretch}.mobile-projects-scroll .creativity-or-demo{flex:0 0 280px;width:280px;height:auto;min-height:350px;display:flex;flex-direction:column}.mobile-projects-scroll::-webkit-scrollbar{height:4px}.mobile-projects-scroll::-webkit-scrollbar-track{background:transparent}.mobile-projects-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--borderRadius)}}@media screen and (max-width: 479px){.home-container{padding:.5rem 0 0;gap:.8rem}.text-section h1{font-size:1.5rem}.text-section .bio{font-size:var(--font-size-xs)}.image-section img,.image-section .profile-image{max-width:230px}.home-social-btn{font-size:1.1rem}.creativity-or-demo{width:260px;flex:0 0 260px}.creativity-and-demo-v-container>img{height:180px}.about>.title{font-size:var(--font-size-sm)}.about>.description{font-size:.6rem}.exp-sub-wrapper{gap:.5rem}.home-creativity-showcase{margin:.5rem 0}}.workexp-root{display:flex;gap:3rem;background:transparent;color:var(--color-text);width:100%;max-width:100vw}.workexp-left{display:flex;flex-direction:column;justify-content:start}.workexp-list{position:relative;display:flex;flex-direction:column;height:fit-content;justify-content:space-between;gap:1rem;width:100%;align-items:flex-start;padding-left:1rem;overflow:hidden}.workexp-list:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;border-radius:999px;background:#94a3b847;pointer-events:none;border-radius:2rem}.workexp-list:after{content:"";position:absolute;bottom:100%;left:0;width:2px;height:5rem;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);animation:workExperienceBorderGlow 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.workexp-list-item{min-width:200px;max-width:100%;display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--borderRadius);transition:background .2s,color .2s;background:transparent}.workexp-list-item.selected{background:transparent;color:var(--color-primary)}.workexp-logo-span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius);object-fit:contain;background:transparent;border:1px solid var(--color-border);flex-shrink:0;overflow:hidden}.workexp-list span:nth-child(2){text-wrap:nowrap}.workexp-logo,.workexp-logo-span .lazy-image{width:20px;height:20px;border-radius:4px;object-fit:contain}.workexp-details-animate{animation:expandDown .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:start;gap:.5rem;overflow:hidden}@keyframes expandDown{0%{opacity:0;transform:scaleY(.95) translateY(-20px)}60%{opacity:1;transform:scaleY(1.02) translateY(4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.workexp-right{display:flex;flex-direction:column;justify-content:start;gap:.5rem;text-align:left}.workexp-right h2{font-size:var(--font-size-lg);font-weight:700}.workexp-company{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition)}.workexp-company:after{content:"";width:.9em;height:.9em;background-color:currentColor;mask:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%204.5H13.5V11.25'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.5%204.5L4.5%2013.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%204.5H13.5V11.25'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.5%204.5L4.5%2013.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;transition:transform var(--transition),background-color var(--transition)}.workexp-company:hover,.workexp-company:focus-visible{color:var(--color-primary)}.workexp-company:hover:after,.workexp-company:focus-visible:after{transform:translate(2px,-2px)}.workexp-period{font-weight:var(--font-weight-regular);letter-spacing:1px;opacity:.6}.workexp-location{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;opacity:.6}.workexp-description{max-width:100%;color:var(--color-text-secondary);font-size:clamp(var(--font-size-sm));line-height:1.65;letter-spacing:0;opacity:.9;margin:.45rem 0 .25rem}.workexp-tech-stack{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.3rem}.workexp-tech-chip{color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);font-family:var(--font-navbar);font-size:clamp(.78rem,1vw,.9rem);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:0;padding:.45rem .75rem;white-space:nowrap}@media screen and (max-width: 1023px){.workexp-root{flex-direction:column;gap:2rem;min-height:auto}.workexp-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-left:0;padding-top:1rem}.workexp-list:before{top:0;right:0;bottom:auto;width:100%;height:2px;background:#94a3b847}.workexp-list-item{min-width:auto;flex:0 1 auto;font-size:1rem}.workexp-right{text-align:left}}@media screen and (max-width: 767px){.workexp-root{gap:1.5rem;padding:1rem}.workexp-list{gap:.3rem}.workexp-list-item{font-size:.9rem}.workexp-logo-span{width:30px;height:30px}.workexp-logo,.workexp-logo-span .lazy-image,.workexp-logo-span .lazy-image-wrapper{width:16px;height:16px}.workexp-right h2{font-size:var(--font-size-md)}.workexp-description,.workexp-tech-chip{font-size:var(--font-size-xs)}}@media screen and (max-width: 639px){.workexp-root{gap:1rem;padding:.5rem}.workexp-list{flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start;justify-content:flex-start;gap:.5rem;overflow-x:scroll!important;overflow-y:hidden;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding-left:0;padding-top:.5rem}.workexp-list::-webkit-scrollbar{display:none}.workexp-list-item{min-width:160px;max-width:calc(100vw - 2rem);flex-shrink:0;justify-content:flex-start;text-align:left;font-size:.85rem}.workexp-right{gap:.3rem}.workexp-location{font-size:var(--font-size-xs)}.workexp-tech-stack{gap:.45rem}.workexp-tech-chip{padding:.4rem .62rem}}@media screen and (max-width: 479px){.workexp-root{gap:.8rem;padding:.3rem}.workexp-list-item{font-size:.8rem;min-width:140px;max-width:calc(100vw - 1rem)}.workexp-right h2{font-size:var(--font-size-sm)}.workexp-period{font-size:var(--font-size-xs)}.workexp-description,.workexp-tech-chip{font-size:.7rem}}.section-title-container{height:fit-content}.section-title-container .section-title-heading{color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:100%}.tech-stack{display:flex;flex-direction:column;gap:2.5rem}.tech-stack-group{position:relative;overflow:hidden;display:flex;flex-direction:column;padding-left:1rem;gap:1rem}.tech-stack-group:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;height:100%;pointer-events:none;border-radius:2rem;background:#94a3b847}.tech-stack-group:after{content:"";position:absolute;bottom:100%;left:0;width:2px;height:5rem;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);animation:workExperienceBorderGlow 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.tech-stack-group--frontend:after{animation-delay:0s}.tech-stack-group--backend:after{animation-delay:.75s}.tech-stack-group--devops:after{animation-delay:1.5s}@keyframes workExperienceBorderGlow{0%{bottom:100%}to{bottom:-5rem}}.tech-stack-group-header{display:flex;flex-direction:column;gap:.45rem}.tech-stack-group-header h3{color:var(--color-text);font-family:var(--font-heading);font-size:clamp(var(--font-size-sm),var(--font-size-md),var(--font-size-lg));font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:0;margin:0}.tech-stack-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.tech-stack-chip{min-height:2.45rem;border:1px solid rgba(148,163,184,.18);border-radius:var(--borderRadius);color:var(--color-text);background:#ffffff09;box-shadow:none;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-navbar);font-size:clamp(.78rem,1vw,.9rem);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:0;padding:.52rem .78rem;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),color var(--transition)}.tech-stack-chip:hover{border-color:color-mix(in srgb,var(--color-primary) 42%,transparent);background:color-mix(in srgb,var(--color-primary) 9%,transparent);transform:translateY(-1px)}.tech-stack-chip-icon{width:1.05rem;height:1.05rem;flex:0 0 auto}@media screen and (max-width: 639px){.tech-stack{gap:2rem}.tech-stack-group{gap:.85rem}.tech-stack-chips{gap:.5rem}.tech-stack-chip{min-height:2.25rem;gap:.45rem;font-size:.78rem;padding:.48rem .65rem}.tech-stack-chip-icon{width:.95rem;height:.95rem}}.education-list{position:relative;display:flex;flex-direction:column;gap:1rem;width:100%}.education-item{position:relative;display:flex;align-items:flex-start;gap:1.25rem;padding:1.15rem 1.25rem;border-radius:var(--borderRadius);color:var(--color-text);border:1px solid rgba(148,163,184,.16);background:#ffffff07;box-shadow:0 .75rem 1.8rem #0000001a;overflow:hidden;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.education-item:hover{border-color:color-mix(in srgb,var(--color-primary) 36%,transparent);transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff06,0 1rem 2rem #00000029}.education-year{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;padding:.42rem .7rem;border-radius:var(--borderRadius);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 38%,transparent);font-family:var(--font-navbar);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:0;flex:0 0 auto}.education-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;flex:1;min-width:0}.education-description,.education-fundamentals{grid-column:1 / -1}.education-main{display:flex;flex-direction:column;gap:.45rem;min-width:0}.education-main h3{color:var(--color-text);font-family:var(--font-heading);font-size:clamp(var(--font-size-md),2vw,var(--font-size-lg));font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:0;margin:0}.education-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;max-width:24rem}.education-description{max-width:58rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.65;margin:0}.education-fundamentals{display:flex;flex-wrap:wrap;gap:.5rem}.education-fundamental-chip{color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 36%,transparent);border-radius:var(--borderRadius);background:color-mix(in srgb,var(--color-primary) 8%,transparent);font-family:var(--font-navbar);font-size:clamp(.72rem,.95vw,.84rem);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:0;padding:.42rem .62rem;white-space:nowrap}.institution{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;margin:0;transition:color var(--transition)}.institution:after{content:"";width:.9em;height:.9em;background-color:currentColor;mask:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%204.5H13.5V11.25'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.5%204.5L4.5%2013.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%204.5H13.5V11.25'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.5%204.5L4.5%2013.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;transition:transform var(--transition),background-color var(--transition)}.institution:hover,.institution:focus-visible{color:var(--color-primary-hover)}.institution:hover:after,.institution:focus-visible:after{transform:translate(2px,-2px)}.branch,.score,.detail{color:var(--color-text-secondary);font-family:var(--font-navbar);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.6;letter-spacing:.02em;margin:0}.branch,.score,.detail{width:fit-content;padding:.28rem .58rem;border-radius:var(--borderRadius);background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff0b}@media screen and (max-width: 767px){.education-item{flex-direction:column;gap:1rem}.education-year{align-self:flex-start}.education-content{grid-template-columns:1fr}.education-meta{justify-content:flex-start;max-width:none}}@media screen and (max-width: 480px){.education-list{gap:1rem}.education-item{padding:1rem}.education-main h3{font-size:var(--font-size-md)}}.timeline-container{display:flex;justify-content:center;position:relative;width:100%}.timeline-sub{display:flex;flex-direction:column;width:100%;position:relative}.timeline-sub:after{content:"";position:absolute;width:2px;background-color:transparent;background-image:linear-gradient(to bottom,transparent,transparent,transparent,var(--color-primary));background-size:100% 200%;background-position:0 0;animation-name:moveGradient;animation-duration:5s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-play-state:paused;top:0;bottom:0;left:calc(50% - 1px)}.timeline-sub.animate:after{animation-play-state:running}@keyframes moveGradient{0%{background-position:0 0}to{background-position:0 -200%}}.timeline-item{width:50%;position:relative}.timeline-item.even{align-self:flex-start}.timeline-item.odd{align-self:flex-end}.timeline-image-container{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);z-index:10;background-color:transparent;border-radius:var(--borderRadius);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.timeline-item.even .timeline-image-container{left:calc(100% - 25px)}.timeline-item.odd .timeline-image-container{left:-25px}.timeline-logo{object-fit:contain!important;transform:scale(.7)}.timeline-text-box{position:relative;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--borderRadius);box-shadow:0 2px 8px #0000001a;transition:all .3s ease;padding:1rem}.timeline-item.even .timeline-text-box{margin-right:calc(25px + 1rem)}.timeline-item.odd .timeline-text-box{margin-left:calc(25px + 1rem)}.timeline-header{margin-bottom:.75rem}.timeline-role{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 0 .4rem;line-height:1.2}.timeline-company{color:#4a90e2;font-weight:600}.timeline-meta{display:flex;flex-direction:column;gap:.15rem}.timeline-period{color:#9ca3af;font-size:.85rem;font-weight:500}.timeline-location{color:#9ca3af;font-size:.85rem;font-weight:400}.timeline-tooltip{position:absolute;top:calc(50% - .5rem);width:1rem;height:1rem;background-color:transparent}.timeline-item.even .timeline-tooltip{right:-1rem;clip-path:polygon(0 0,0 100%,100% 50%)}.timeline-item.odd .timeline-tooltip{left:-1rem;clip-path:polygon(100% 0,0 50%,100% 100%)}.timeline-item:first-child .timeline-image-container{top:0}.timeline-item:last-child .timeline-image-container{bottom:0;top:auto}.timeline-item:first-child .timeline-tooltip{top:calc(25px - .5rem)}.timeline-item:last-child .timeline-tooltip{bottom:calc(25px - .5rem);top:auto}@media (max-width: 1024px) and (min-width: 769px){.timeline-sub{width:95%}.timeline-text-box{padding:1rem}.timeline-role{font-size:1.15rem}}@media (max-width: 768px){.timeline-container{width:100%;padding:0 1rem}.timeline-sub{width:100%;gap:.5rem}.timeline-sub:after{left:30px;margin-left:0}.timeline-item{width:100%!important;align-self:flex-start!important}.timeline-item.even,.timeline-item.odd{align-self:flex-start}.timeline-image-container{left:5px!important;transform:translateY(-50%);top:50%}.timeline-item:first-child .timeline-image-container{top:0!important;transform:none!important}.timeline-item:last-child .timeline-image-container{bottom:0!important;top:auto!important;transform:none!important}.timeline-text-box{width:calc(100% - (50px + 2rem));margin-left:calc(50px + 1rem)!important;margin-right:0!important;padding:.85rem}.timeline-item.even .timeline-tooltip,.timeline-item.odd .timeline-tooltip{left:-1rem!important;right:auto!important;clip-path:polygon(100% 0,0 50%,100% 100%)!important}.timeline-item:first-child .timeline-tooltip{top:calc(25px - .5rem)!important}.timeline-item:last-child .timeline-tooltip{bottom:calc(25px - .5rem)!important;top:auto!important}}@media (max-width: 480px){.timeline-container{padding:.5rem}.timeline-sub{width:100%;gap:.5rem}.timeline-sub:after{left:25px}.timeline-image-container{left:0!important;width:45px;height:45px;padding:.25rem;transform:translateY(-50%);top:50%}.timeline-item:first-child .timeline-image-container{top:0!important;transform:none!important}.timeline-item:last-child .timeline-image-container{bottom:0!important;top:auto!important;transform:none!important}.timeline-logo{width:30px!important;height:30px!important;transform:scale(.8);object-fit:contain!important}.timeline-image-wrapper{width:30px!important;height:30px!important}.timeline-text-box{padding:.75rem;width:calc(100% - (45px + 2rem));margin-left:calc(45px + 1rem)!important}.timeline-role{font-size:1rem}.timeline-period,.timeline-location{font-size:.75rem}.timeline-item.even .timeline-tooltip,.timeline-item.odd .timeline-tooltip{left:-1rem!important;right:auto!important;clip-path:polygon(100% 0,0 50%,100% 100%)!important}.timeline-item:first-child .timeline-tooltip{top:calc(25px - .5rem)!important}.timeline-item:last-child .timeline-tooltip{bottom:calc(25px - .5rem)!important;top:auto!important}}@media (max-width: 320px){.timeline-container{padding:.25rem}.timeline-sub:after{left:20px}.timeline-image-container{left:-2.5px!important;width:40px;height:40px;transform:translateY(-50%);top:50%}.timeline-item:first-child .timeline-image-container{top:0!important;transform:none!important}.timeline-item:last-child .timeline-image-container{bottom:0!important;top:auto!important;transform:none!important}.timeline-logo,.timeline-image-wrapper{width:25px!important;height:25px!important}.timeline-text-box{width:calc(100% - (40px + 2rem));margin-left:calc(40px + 1rem)!important;padding:.75rem}.timeline-role{font-size:1rem}.timeline-period,.timeline-location{font-size:.75rem}.timeline-item.even .timeline-tooltip,.timeline-item.odd .timeline-tooltip{left:-1rem!important;right:auto!important;clip-path:polygon(100% 0,0 50%,100% 100%)!important}.timeline-item:first-child .timeline-tooltip{top:calc(25px - .5rem)!important}.timeline-item:last-child .timeline-tooltip{bottom:calc(25px - .5rem)!important;top:auto!important}}.playgrounds-container{min-height:100vh;display:flex;flex-direction:column;gap:2rem;background:transparent;color:var(--color-text)}.playgrounds-header{background:transparent;border:2px solid var(--color-border);border-radius:var(--borderRadius);color:var(--color-text);padding:var(--app-level-padding) var(--app-level-padding) var(--app-level-padding) var(--app-level-padding);text-align:center;margin:1rem 1rem 4rem}.header-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-primary)}.header-description{font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto;opacity:.9}.filters-section{margin-bottom:3rem}.search-bar{position:relative;max-width:400px;margin:0 auto 2rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--color-border);border-radius:var(--borderRadius);font-size:1rem;transition:all .3s ease;background:transparent}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-secondary)}.category-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid var(--color-border);padding:.75rem 1.5rem;border-radius:var(--borderRadius);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-btn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.count{background:#fff3;padding:.25rem .5rem;border-radius:var(--borderRadius);font-size:.8rem}.filter-btn.active .count{background:#fff3}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.project-card{background:transparent;border-radius:var(--borderRadius);overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;cursor:pointer;border:1px solid var(--color-border)}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.project-image{position:relative;height:200px;overflow:hidden}.project-video,.project-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-video,.project-card:hover .project-img{transform:scale(1.05)}.project-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.project-placeholder svg{width:50px;height:50px}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--borderRadius);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.live-btn{background:#10b981;color:#fff}.live-btn:hover{background:#059669;transform:translateY(-1px)}.live-dot{width:8px;height:8px;background:#34d399;border-radius:var(--borderRadius);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.github-btn{background:#374151;color:#fff}.github-btn:hover{background:#1f2937;transform:translateY(-1px)}.project-info{padding:1.5rem}.project-title{font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.project-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{background:#f1f5f9;color:var(--color-text-secondary);padding:.25rem .75rem;border-radius:var(--borderRadius);font-size:.8rem;font-weight:500}.no-projects{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.no-projects-icon{width:80px;height:80px;margin:0 auto 1rem;color:#cbd5e1}.no-projects-icon svg{width:100%;height:100%}.no-projects h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.coming-soon{margin-top:4rem}.coming-soon-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.coming-soon-item{background:transparent;padding:2rem;border-radius:var(--borderRadius);text-align:center;border:2px dashed var(--color-border);transition:all .3s ease}.coming-soon-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.coming-soon-icon{width:50px;height:50px;margin:0 auto 1rem;color:var(--color-primary)}.coming-soon-icon svg{width:100%;height:100%}.coming-soon-item h4{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.coming-soon-item p{color:var(--color-text-secondary);line-height:1.6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.loading-spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:var(--borderRadius);animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.playgrounds-header{padding:var(--app-level-padding)}.header-content h1{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.category-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.9rem}.coming-soon-content{grid-template-columns:1fr}.project-actions{flex-direction:column;gap:.5rem}.action-btn{padding:.5rem 1rem}}@media (max-width: 480px){.header-content h1{font-size:2rem}.search-bar{max-width:100%}.category-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:250px;justify-content:center}.project-info{padding:1rem}.coming-soon-item{padding:1.5rem}}.error404-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;background:var(--grey-50);text-align:center;padding:2rem}.error404-title{font-size:7rem;font-weight:700;color:var(--red-dark);margin-bottom:1rem;letter-spacing:.1em}.error404-message{font-size:1.5rem;color:var(--grey-700);margin-bottom:2rem}.error404-home{display:inline-block;padding:.75rem 2rem;background:var(--primary-600);color:var(--white);border-radius:var(--borderRadius);text-decoration:none;font-size:1.1rem;transition:background .2s}.error404-home:hover{background:var(--primary-800)}@property --conic-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.footer{background:linear-gradient(to top,var(--color-background),transparent);padding:2rem var(--app-level-padding);color:var(--color-text);display:flex;flex-direction:column;justify-content:center;gap:3rem}.footer-top{display:flex;position:relative;padding:2px;border-radius:var(--borderRadius);background:transparent;isolation:isolate;z-index:1}.footer-socials{flex-basis:10%;display:flex;flex-direction:row;justify-content:center;gap:1.5rem;background:transparent;border-left:var(--border-thin) rgba(255,255,255,.08)}.social-btn{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:color .25s ease,transform .25s ease}.social-btn:hover{color:var(--color-primary);transform:scale(1.1)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.14);border-top-color:#94a3b838;background:#ffffff06;border-radius:var(--borderRadius)}.footer-links{display:flex;gap:1rem}.footer-bottom>.footer-links span{text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-md);text-transform:capitalize;transition:color var(--transition)}.footer-bottom span:hover{transition:color var(--transition);color:var(--color-primary);cursor:pointer}.copyright{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media screen and (max-width: 1023px){.footer{padding:2rem;gap:2rem}}@media screen and (max-width: 767px){.footer{padding:1.5rem;gap:1.5rem}.footer-top{flex-direction:column}.footer-socials{flex-direction:row;justify-content:center;border-left:none;border-top:var(--border-thin) var(--color-border);border-radius:var(--borderRadius);padding:1rem 0}}@media screen and (max-width: 639px){.footer{padding:1rem}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem}.social-btn{font-size:1.25rem}}@media screen and (max-width: 479px){.footer{padding:.5rem;gap:.8rem}.footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.3rem}.footer-bottom>.footer-links span{font-size:var(--font-size-sm)}.social-btn{font-size:1rem}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress .bar{background:var(--color-primary)}#nprogress .peg{box-shadow:0 0 10px var(--color-primary),0 0 5px var(--color-primary)}.main-app-layout{background:transparent;padding:calc(var(--navbar-top-offset)) var(--app-level-padding) 0 var(--app-level-padding);min-height:100vh;position:relative;z-index:1;overflow:visible}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-code-400.ttf) format("truetype")}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fira-code-500.ttf) format("truetype")}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fira-code-600.ttf) format("truetype")}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-code-700.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-300.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/poppins-300.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-800.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/poppins-900.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/poppins-italic-400.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/poppins-italic-500.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/poppins-italic-600.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/poppins-italic-700.ttf) format("truetype")}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Poppins", var(--font-primary);--font-ui: "Manrope", var(--font-primary);--font-navbar: "Fira Code", "SFMono-Regular", Consolas, monospace;--font-mono: "Fira Code", "SFMono-Regular", Consolas, monospace;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--app-level-padding: 10rem;--grid: #ffffff0a;--navbar-height: 5rem;--navbar-top-offset: 7rem;--navbar-scroll-top-offset: 1rem;--borderRadius: .5rem;--scrollbar-border-radius: var(--borderRadius);--letterSpacing: 1px;--border-thin: 1px solid;--border-bottom-title-dark-mode: 1px solid rgba(255, 255, 255, .2);--nav-bar-border-width: 3px;--transition: .3s ease-in-out;--app-box-grid-color: #e0e6eb26;--app-box-grid-size: 64px;--app-box-grid-line-size: .3px;--app-box-grid-speed: 28s;--palette-background: #121212;--palette-surface: #1f1f1f;--palette-border: #2a2a2a;--palette-heading: #e7dfd1;--palette-body: #cfc5b8;--palette-body-hover: #e0d6c8;--palette-matcha: #90a955;--palette-matcha-hover: #a4bf69;--palette-koi: #ce5a57;--palette-koi-hover: #e46f68;--palette-cedar: #6c584c;--palette-cedar-hover: #837063;--palette-sky: #6ab0f3;--palette-sky-hover: #82c0fa;--palette-background-light: #fdfcf8;--palette-surface-light: #f9f6f1;--palette-heading-light: #1c1c1c;--palette-body-light: #3c3c3c;--palette-border-light: #dcdcdc;--palette-glass: #161d1b33;--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-primary-shadow: rgba(59, 130, 246, .12);--color-primary-shadow-hover: rgba(59, 130, 246, .2);--color-secondary: var(--palette-koi);--color-accent: var(--palette-sky);--color-background: var(--palette-background);--color-background-primary: var(--palette-background);--color-background-secondary: var(--palette-surface);--color-surface: var(--palette-surface);--color-text: var(--palette-heading);--color-text-secondary: var(--palette-body);--color-text-hover: var(--palette-body-hover);--color-border: var(--palette-border);--color-muted: var(--palette-cedar);--color-error: var(--palette-koi);--color-warning: var(--palette-cedar-hover);--color-success: var(--palette-matcha);--color-info: var(--palette-sky);--color-on-primary: #121212;--color-navbar-glass: var(--palette-glass);--shadow-1: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--filter-glass3d: blur(10px) brightness(.8) saturate(1.9);--color-glass3d: #161d1b33;--noise-glass3d: url(https://www.transparenttextures.com/patterns/fabric-1-light.png)}:root[data-theme=light]{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-hover: #3b82f6;--color-primary-active: #1d4ed8;--color-secondary: var(--palette-koi);--color-accent: var(--palette-sky);--color-background: var(--palette-background-light);--color-background-primary: var(--palette-background-light);--color-background-secondary: var(--palette-surface-light);--color-surface: var(--palette-surface-light);--color-text: var(--palette-heading-light);--color-text-secondary: var(--palette-body-light);--color-text-hover: var(--palette-heading-light);--color-border: var(--palette-border-light);--color-muted: var(--palette-cedar);--color-error: var(--palette-koi);--color-warning: var(--palette-cedar-hover);--color-success: var(--palette-matcha);--color-info: var(--palette-sky);--color-on-primary: var(--palette-background-light)}:root[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-secondary: var(--palette-koi);--color-accent: var(--palette-sky);--color-background: var(--palette-background);--color-background-primary: var(--palette-background);--color-background-secondary: var(--palette-surface);--color-surface: var(--palette-surface);--color-text: var(--palette-heading);--color-text-secondary: var(--palette-body);--color-text-hover: var(--palette-body-hover);--color-border: var(--palette-border);--color-muted: var(--palette-cedar);--color-error: var(--palette-koi);--color-warning: var(--palette-cedar-hover);--color-success: var(--palette-matcha);--color-info: var(--palette-sky);--color-on-primary: var(--palette-background)}@media screen and (max-width: 479px){:root{--app-level-padding: .5rem;--navbar-height: 4rem;--font-size-xs: .6rem;--font-size-sm: .7rem;--font-size-md: .8rem;--font-size-lg: 1rem;--font-size-xl: 1.2rem}}@media screen and (min-width: 480px) and (max-width: 639px){:root{--app-level-padding: 1rem;--navbar-height: 4.5rem;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1.1rem;--font-size-xl: 1.3rem}}@media screen and (min-width: 640px) and (max-width: 767px){:root{--app-level-padding: 1.5rem;--navbar-height: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}}@media screen and (min-width: 768px) and (max-width: 1023px){:root{--app-level-padding: 2rem;--navbar-height: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1439px){:root{--app-level-padding: 5rem;--navbar-height: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}}@media screen and (min-width: 1440px) and (max-width: 1919px){:root{--app-level-padding: 15rem;--navbar-height: 5.5rem;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1.1rem;--font-size-lg: 1.3rem;--font-size-xl: 1.6rem}}@media screen and (min-width: 1920px) and (max-width: 2559px){:root{--app-level-padding: 10rem;--navbar-height: 6rem;--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-md: 1.2rem;--font-size-lg: 1.4rem;--font-size-xl: 1.8rem}}@media screen and (min-width: 2560px){:root{--app-level-padding: 8rem;--navbar-height: 7rem;--font-size-xs: 1rem;--font-size-sm: 1.2rem;--font-size-md: 1.5rem;--font-size-lg: 1.8rem;--font-size-xl: 2.2rem}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary);font-weight:var(--font-weight-regular);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}button,input,textarea,select{font-family:var(--font-ui)}code,pre,kbd,samp{font-family:var(--font-mono)}input,textarea,[contenteditable],p,span,div,h1,h2,h3,h4,h5,h6{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--borderRadius)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--borderRadius);transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;transform:scaleX(1.2);box-shadow:0 0 10px #3b82f64d}::-webkit-scrollbar-corner{background:transparent}html{background:var(--color-background-primary);-webkit-overflow-scrolling:touch}body{background-color:var(--color-background-primary);background-image:linear-gradient(var(--app-box-grid-color) var(--app-box-grid-line-size),transparent var(--app-box-grid-line-size)),linear-gradient(to right,var(--app-box-grid-color) var(--app-box-grid-line-size),transparent var(--app-box-grid-line-size));background-size:var(--app-box-grid-size) var(--app-box-grid-size);background-attachment:fixed;animation:boxGridDrift var(--app-box-grid-speed) linear infinite;min-height:100vh;overflow-y:visible;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@keyframes boxGridDrift{0%{background-position:0 0,0 0}to{background-position:var(--app-box-grid-size) var(--app-box-grid-size),var(--app-box-grid-size) var(--app-box-grid-size)}}@media (prefers-reduced-motion: reduce){body{animation:none}}#root{min-height:100vh}