@keyframes slideRightToCenter{0%{transform:translate(0) scale(.8);filter:blur(5px) brightness(.6)}to{transform:translate(-85%) scale(1);filter:blur(0px) brightness(1)}}@keyframes slideCenterToLeft{0%{transform:translate(0) scale(1);filter:blur(0px) brightness(1)}to{transform:translate(-85%) scale(.8);filter:blur(5px) brightness(.6)}}@keyframes fadeOutLeft{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(.7)}}@keyframes fadeInRight{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(.8)}}@keyframes slideLeftToCenter{0%{transform:translate(0) scale(.8);filter:blur(5px) brightness(.6)}to{transform:translate(85%) scale(1);filter:blur(0px) brightness(1)}}@keyframes slideCenterToRight{0%{transform:translate(0) scale(1);filter:blur(0px) brightness(1)}to{transform:translate(85%) scale(.8);filter:blur(5px) brightness(.6)}}@keyframes fadeOutRight{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(.7)}}@keyframes fadeInLeft{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(.8)}}@keyframes fadeOutContent{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes fadeInContent{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.project-main-content.fade-out-content{animation:fadeOutContent .3s cubic-bezier(.4,0,.2,1) forwards}.project-main-content.fade-in-content{animation:fadeInContent .3s cubic-bezier(.4,0,.2,1) forwards}.project-bg-right.slide-to-center-left{animation:slideRightToCenter .6s cubic-bezier(.4,0,.2,1) forwards;z-index:10;transform-origin:center bottom}.project-bg-center.slide-to-left{animation:slideCenterToLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:5;transform-origin:center bottom}.project-bg-left.fade-out-left{animation:fadeOutLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1}.project-bg-right.fade-in-right{animation:fadeInRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:0!important}.project-bg-left.slide-to-center-right{animation:slideLeftToCenter .6s cubic-bezier(.4,0,.2,1) forwards;z-index:10;transform-origin:center bottom}.project-bg-center.slide-to-right{animation:slideCenterToRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:5;transform-origin:center bottom}.project-bg-right.fade-out-right{animation:fadeOutRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1}.project-bg-left.fade-in-left{animation:fadeInLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:0!important}.project-main-content{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:100;text-align:center;max-width:900px;padding:20px 40px;pointer-events:none;will-change:opacity}.project-main-content button{pointer-events:auto}.click-blocker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:transparent;pointer-events:auto;display:none}.click-blocker.active{display:block}.project-bg-left,.project-bg-center,.project-bg-right{will-change:transform,filter,opacity;backface-visibility:hidden;transform:translateZ(0)}.project-main-title{font-size:70px;font-weight:900;letter-spacing:4px;color:#fff;margin-bottom:30px;text-shadow:0 10px 30px rgba(0,0,0,.8);line-height:1.1;margin-top:-80px}.project-description{font-family:Barlow,sans-serif;font-size:18px;font-weight:400;color:#c9c9c9e6;line-height:1.6;margin-bottom:40px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.view-project-btn{font-family:Lagu Sans,sans-serif;font-weight:500;padding:15px 50px;font-size:14px;letter-spacing:3px;color:#fffc;background-color:#222;border:none;box-shadow:5px 8px 20px #0006;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.view-project-btn:hover{color:#fff;box-shadow:6px 10px 25px #00000080}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:#fff3;transform:translateY(-5px)}@media (max-width: 768px){.logo{top:20px;left:20px}.logo-image{height:50px}.navbar{top:20px;right:20px;gap:20px}.nav-link{font-size:10px;letter-spacing:2px}.main-title{font-size:60px;letter-spacing:10px}.intro-text{font-size:10px;letter-spacing:4px;padding-right:45%}.subtitle{font-size:10px;letter-spacing:4px;padding-left:45%}.social-links{bottom:20px;left:20px}.scroll-indicator{bottom:20px;right:20px}.scroll-indicator span{font-size:9px;letter-spacing:3px}.scroll-line{height:60px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}