:root{--bg-deep:#08061a;--bg-dark:#0d0b2a;--bg-purple:#140f38;--yellow:#f5d800;--yellow-dim:#c9af00;--yellow-glow:rgba(245,216,0,0.25);--white:#ffffff;--white-dim:rgba(255,255,255,0.65);--card-bg:rgba(255,255,255,0.05);--card-border:rgba(245,216,0,0.4);--font-head:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--nav-h:80px;--radius:12px;--transition:0.35s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background:var(--bg-deep);color:var(--white)}body.bg-home,body.bg-default{background-image:url('../ASSETS/HERO PAGE/BG-tiled.jpg');background-repeat:repeat-y;background-size:100% auto;background-position:top center}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,rgba(8,6,26,0.85) 0%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--transition)}.navbar.scrolled{background:rgba(8,6,26,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(245,216,0,0.15)}.hero-rec-wrapper{position:absolute;left:24%;top:15%;width:clamp(120px,14vw,200px);z-index:15;pointer-events:none}.hero-rec-bg{width:100%;height:auto;display:block}.hero-rec-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-family:'Comic Sans MS',cursive;font-weight:500;font-size:24px;text-transform:uppercase;color:#ffffff;text-align:center;white-space:nowrap;pointer-events:none}.nav-logo{font-family:var(--font-head);font-weight:900;font-size:2rem;color:var(--yellow);letter-spacing:-1px;text-transform:uppercase;transition:transform var(--transition),text-shadow var(--transition)}.nav-logo:hover{text-shadow:0 0 24px var(--yellow),0 0 48px rgba(245,216,0,0.4);transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:44px;list-style:none;margin-right:20px;margin-top:42px}.nav-links a{font-family:var(--font-head);font-weight:700;font-size:1.12rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);display:inline-block;transform:scaleY(1.1);transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--yellow)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;z-index:1100}.nav-toggle span{display:block;width:26px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition)}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.section{padding:100px 48px}.section-title{font-family:var(--font-head);font-weight:900;font-size:clamp(2rem,5vw,3.5rem);color:var(--yellow);text-transform:uppercase;margin-bottom:16px;line-height:1.1}.section-sub{font-size:1.1rem;color:var(--white-dim);margin-bottom:60px;max-width:520px}.tag{display:inline-block;padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;font-family:var(--font-head);letter-spacing:0.5px;color:var(--yellow);border:1px solid rgba(245,216,0,0.4);background:rgba(245,216,0,0.08);transition:var(--transition)}.tag:hover{background:rgba(245,216,0,0.2);border-color:var(--yellow)}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--yellow);color:#08061a;font-family:var(--font-head);font-weight:700;font-size:0.95rem;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius);border:2px solid var(--yellow);transition:var(--transition);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.15);transform:translateX(-100%) skewX(-15deg);transition:transform 0.45s ease}.btn-primary:hover::before{transform:translateX(100%) skewX(-15deg)}.btn-primary:hover{box-shadow:0 0 30px var(--yellow-glow),0 8px 30px rgba(0,0,0,0.3);transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;color:var(--yellow);font-family:var(--font-head);font-weight:700;font-size:0.95rem;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius);border:2px solid rgba(245,216,0,0.5);background:transparent;transition:var(--transition)}.btn-outline:hover{border-color:var(--yellow);background:rgba(245,216,0,0.1);box-shadow:0 0 20px var(--yellow-glow);transform:translateY(-2px)}.stars-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-content{position:relative;z-index:1}.hero-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start}.hero-chevron{position:absolute;bottom:40px;left:50%;width:20px;height:20px;border-right:2px solid rgba(245,216,0,0.85);border-bottom:2px solid rgba(245,216,0,0.85);transform:translateX(-50%) rotate(45deg);filter:drop-shadow(0 0 6px rgba(245,216,0,0.9)) drop-shadow(0 0 14px rgba(245,216,0,0.5));pointer-events:none;z-index:100;opacity:1;transition:opacity 0.5s ease}.hero-chevron.hide{opacity:0}header{position:absolute;top:0;left:0;width:100%;padding:30px 4% 0;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo-img{width:clamp(100px,9vw,140px);height:auto;margin-top:42px;margin-left:26px;transition:transform 0.3s ease}nav{display:flex;gap:clamp(40px,4vw,80px)}.hero-stage{position:absolute;top:0;left:50%;width:1920px;height:100vh;margin-left:-960px;transform-origin:center center;display:flex;flex-direction:column}.hero-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:44px 5% 0 2%;margin-top:20px;position:relative}.hero-stage .hero-content{padding:100px 96px 0 39px!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important}.hero-stage .hero-left-mascot{width:691px!important;transform:translateX(7%)!important;order:unset!important}.hero-stage .hero-center-text{margin-left:-143px!important;width:auto!important;margin-top:0!important;order:unset!important;text-align:left!important;transform:translateX(-7px)}.hero-stage .title-img{width:588px!important;max-width:none!important}.hero-stage .checkout-img{height:35px!important}.hero-stage .doodle-arrow{height:24px!important}.hero-stage .carousel-section{width:461px!important;top:-107px!important;right:auto!important;position:relative!important;margin:0!important;order:unset!important}.hero-stage #hero-carousel{height:491px!important}.hero-stage .carousel-card{width:341px!important;height:480px!important;top:64px!important;left:auto!important;right:7px!important;margin-left:0!important}.hero-stage .project-info{position:absolute!important;top:690px!important;right:167px!important;width:280px!important;order:unset!important}.hero-left-mascot{width:clamp(280px,36vw,520px);flex-shrink:0;z-index:10;pointer-events:none;transform:translateX(7%)}.hero-left-mascot img{width:100%;height:auto;transform:scaleY(1.15);animation:mascotFloat 4s ease-in-out infinite}.hero-center-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;margin-left:-8%;margin-top:-40px;z-index:5}.title-img{width:clamp(280px,34vw,540px);max-width:none;height:auto;margin-bottom:10px}.checkout-wrapper{display:flex;align-items:center;gap:15px;margin-left:80px;margin-top:25px}.checkout-img{height:clamp(18px,2vw,30px);width:auto}.doodle-arrow{height:clamp(12px,1.5vw,20px);width:auto;animation:nudge 2s infinite ease-in-out}@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}.carousel-section{position:relative;top:-120px;right:auto;width:clamp(300px,30vw,500px);z-index:15;display:flex;flex-direction:column;align-items:center;padding:0;perspective:1500px;overflow:visible}#hero-carousel{position:relative;width:100%;height:460px}.carousel-card{position:absolute;width:320px;height:450px;right:5px;top:60px;transform-origin:center;pointer-events:none;opacity:1;cursor:default;background:transparent}.carousel-card.active{cursor:default}.carousel-card.stacked-1:hover,.carousel-card.stacked-2:hover{filter:drop-shadow(0 0 16px rgba(255,255,255,0.75))}.carousel-card img{width:100%;height:100%;object-fit:contain;border-radius:4px;box-shadow:0 15px 35px rgba(0,0,0,0.5);opacity:1}.slider-arrow{position:absolute;top:calc(45% + 20px);transform:translateY(-50%);width:50px;height:50px;padding:0;background:none;border:none;cursor:pointer;z-index:30;transition:filter 0.2s ease}.slider-arrow img{width:100%;height:100%;object-fit:contain;border:none;box-shadow:none;border-radius:0}.slider-arrow-left{left:30px;transform:translateY(-50%) scaleX(-1)}.slider-arrow-right{right:30px}.slider-arrow-right:hover{transform:translateY(-50%) scale(1.1);filter:drop-shadow(0 0 8px rgba(245,216,0,0.6))}.slider-arrow-left:hover{transform:translateY(-50%) scaleX(-1) scale(1.1);filter:drop-shadow(0 0 8px rgba(245,216,0,0.6))}.slider-arrow-right:active{transform:translateY(-50%) scale(0.95)}.slider-arrow-left:active{transform:translateY(-50%) scaleX(-1) scale(0.95)}.slider-arrow.hidden{display:none}.carousel-arrow{position:absolute;top:calc(50% + 55px);transform:translateY(-50%);width:55px;height:55px;padding:0;background:none;border:none;cursor:pointer;z-index:1100;transition:transform 0.2s ease,filter 0.2s ease}.carousel-arrow img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;border:none}.carousel-arrow-left{left:-44px;transform:translateY(-50%) scaleX(-1)}.carousel-arrow-right{right:-25px}.carousel-arrow-right:hover{transform:translateY(-50%) scale(1.1)}.carousel-arrow-left:hover{transform:translateY(-50%) scaleX(-1) scale(1.1)}.carousel-arrow:hover{filter:drop-shadow(0 0 8px rgba(245,216,0,0.6))}.carousel-arrow-right:active{transform:translateY(-50%) scale(0.95)}.carousel-arrow-left:active{transform:translateY(-50%) scaleX(-1) scale(0.95)}.carousel-card.framed{overflow:visible}.carousel-card.framed img{border:3px solid #f5d800;border-radius:4px;box-shadow:0 15px 35px rgba(0,0,0,0.5)}.carousel-card.framed::before{content:'';position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:3px solid rgba(245,216,0,0.45);border-radius:4px;transform:rotate(-2deg) scale(1.015);pointer-events:none;z-index:-1}.project-info{position:absolute;top:670px;right:190px;width:210px;text-align:left;font-family:var(--font-head)}.project-text-group{padding-left:8px;border-left:5px solid #FCEE1F}.project-name{font-size:22px;font-weight:900;color:var(--white);text-transform:uppercase;margin:0;letter-spacing:0.5px;line-height:1.2}.project-details{font-size:19px;color:rgba(255,255,255,0.88);margin:4px 0 10px}.project-tags{font-size:17px;color:#E8D400;font-family:'Roboto',sans-serif;font-weight:500;display:flex;gap:8px;margin-top:6px;word-spacing:0.6em}.carousel-nav{position:absolute;top:180px;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:25;pointer-events:none}.carousel-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform 0.2s;z-index:30}.carousel-btn img{width:30px;height:30px;object-fit:contain}.carousel-prev{position:absolute;left:75px}.carousel-next{position:absolute;right:20px}.second-section{position:relative;width:100vw;height:100vh;min-height:100vh;background:transparent;overflow:hidden;z-index:5;scroll-snap-align:start}.second-stage{position:absolute;top:0;left:50%;width:1920px;height:100vh;margin-left:-960px;transform-origin:center center;display:flex;flex-direction:column;align-items:center}.second-stage .key-bar{margin-top:20px!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:center!important;width:auto!important;padding:0!important;order:unset!important}.second-stage .keyboard-btn{width:270px!important;max-width:none!important;order:unset!important}.second-stage .content-display-wrapper{display:flex!important;width:1400px!important;max-width:none!important;flex:1!important;position:relative!important;margin:0 auto!important;align-items:center!important;justify-content:center!important;order:unset!important}.second-stage .slider-outer-container{position:absolute!important;left:-170px!important;top:105px!important;width:1180px!important;max-width:none!important;height:490px!important;aspect-ratio:unset!important;margin:0!important;order:unset!important}.second-stage .slider-main-box{position:relative!important;width:100%!important;height:100%!important}.second-stage #explore-link{position:absolute!important;bottom:8%!important;right:10%!important;transform:none!important;width:22%!important;height:10%!important}.second-stage .mascot-container{position:absolute!important;left:1080px!important;top:220px!important;width:640px!important;order:unset!important}.second-stage .speech-bubble{top:-105px!important;left:-45px!important;width:clamp(90px,9vw,115px)!important}.key-bar{margin-top:30px;display:flex;gap:10px;justify-content:center;z-index:10}.keyboard-btn{width:270px;height:auto;cursor:pointer;transition:transform 0.1s cubic-bezier(0.4,0,0.2,1),filter 0.2s ease;user-select:none}.keyboard-btn:hover{filter:brightness(1.2) drop-shadow(0 0 20px var(--yellow-glow));transform:translateY(-2px)}.keyboard-btn:active{transform:translateY(12px) scale(0.98);filter:brightness(0.7)}.keyboard-btn.active-cat{filter:brightness(1.2) drop-shadow(0 0 15px rgba(245,216,0,0.6));transform:translateY(4px)}.content-display-wrapper{width:100%;max-width:1400px;margin:0 auto;position:relative;flex:1;display:flex;align-items:center;justify-content:center;z-index:10}.slider-outer-container{position:absolute;left:-80px;top:60px;width:1060px;height:530px}.mascot-container{position:absolute;left:1000px;top:230px;width:525px;z-index:8;pointer-events:none;animation:mascotFloat 4s ease-in-out infinite}.mascot-img{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.5))}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}.speech-bubble{position:absolute;top:-105px;left:-45px;width:clamp(90px,9vw,115px);z-index:10;animation:bubbleFloat 3s ease-in-out infinite;position:absolute}.bubble-bg{width:100%;height:auto;display:block;filter:drop-shadow(0 5px 15px rgba(0,0,0,0.5))}.bubble-text{position:absolute;top:18px;left:46%;transform:translateX(-50%);width:80%;font-family:'Comic Sans MS',cursive;font-size:clamp(11px,1.3vw,17px);font-weight:bold;color:#ffffff;text-align:center;white-space:normal;line-height:1.2;margin:0;text-transform:uppercase}@keyframes bubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.slider-main-box{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.slider-main-img{width:95%;height:95%;object-fit:contain;transition:transform 0.5s ease,opacity 0.5s ease}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:15;transition:transform 0.2s ease}.slider-nav-btn img{width:30px;height:auto}.slider-nav-btn.prev{left:40px}.slider-nav-btn.next{right:40px}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:25px}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease}.dot.active{background:var(--yellow);transform:scale(1.3)}.global-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1000;cursor:pointer}.scroll-mouse-img{width:42px!important;height:auto!important;margin-bottom:10px}.scroll-arrow-img{width:14px!important;height:auto!important;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.scroll-label{font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0.6}.footer{background:rgba(8,6,26,0.95);border-top:1px solid rgba(245,216,0,0.15);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-logo{font-family:var(--font-head);font-weight:900;font-size:1.5rem;color:var(--yellow);letter-spacing:-1px}.footer-links{display:flex;gap:32px;list-style:none}.footer-links a{font-family:var(--font-head);font-weight:600;font-size:0.85rem;letter-spacing:1px;text-transform:uppercase;color:var(--white-dim);transition:color var(--transition)}.footer-links a:hover{color:var(--yellow)}.footer-copy{font-size:0.82rem;color:rgba(255,255,255,0.35);font-family:var(--font-body)}.page-enter{animation:fadeSlideIn 0.5s ease forwards}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-section{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 5% 0;scroll-snap-align:start;overflow:visible}.team-header{margin-top:0;margin-bottom:140px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:60px;position:relative;z-index:200}.team-scroll-indicator{display:flex;flex-direction:column;align-items:center;margin-bottom:-5px;transition:opacity 0.3s}.team-scroll-indicator:hover{opacity:0.7}.team-scroll-mouse{width:24px;height:auto;margin-bottom:2px}.team-scroll-arrow{width:14px;height:auto;animation:bounce 2s infinite}.team-title-img{width:clamp(140px,9vw,200px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.3));margin-top:0}.team-slider-wrapper{display:flex;align-items:center;justify-content:center;position:relative;width:auto;max-width:100%}.team-nav-btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none!important;animation:none!important;z-index:150;position:absolute;top:50%;transform:translateY(-50%)!important}.team-nav-btn.team-prev{left:3%}.team-nav-btn.team-next{right:3%}.team-nav-btn:hover,.team-nav-btn:active,.team-nav-btn:focus{transform:translateY(-50%)!important;filter:none!important;transition:none!important}.team-nav-btn img{width:40px;height:auto;transition:none!important;animation:none!important;filter:drop-shadow(0 0 4px rgba(0,0,0,0.6))}.team-slider{display:flex;align-items:center;justify-content:center;gap:40px;position:relative}.team-slot{transition:all var(--transition);opacity:0.8;transform:scale(1)}.team-slot.slot-center{opacity:1;z-index:100}.slot-center .team-card{overflow:visible}.slot-center .nameslip-box{border-bottom-left-radius:24px;border-bottom-right-radius:24px}.team-card{width:clamp(260px,22vw,340px);background:transparent;border-radius:0;padding:20px 0 0;display:flex;flex-direction:column;align-items:center;box-shadow:none;overflow:visible;position:relative}.team-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:110%;object-fit:fill;z-index:0;border-radius:0;transform:translateY(-9%)}.team-slot:not(.pos-2) .team-card-bg{height:80%;transform:translateY(-9%)}.team-slot:not(.pos-2) .team-nameslip{width:106%;margin-left:-3%;margin-top:-30px}.team-card .avatar-box,.team-card .nameslip-box{position:relative;z-index:1}.avatar-box{width:100%;height:clamp(280px,20vw,360px);display:flex;align-items:flex-end;justify-content:center}.team-avatar{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.4));transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1),filter 0.8s ease}.slot-center .team-avatar{height:135%;transform:translateY(-12%);animation:avatarFloat 3s ease-in-out infinite;z-index:110}@keyframes avatarFloat{0%,100%{transform:translateY(-8%) scale(1.05)}50%{transform:translateY(-12%) scale(1.1)}}.nameslip-box{width:100%;background:transparent;height:100px;display:flex;align-items:center;justify-content:center;padding:10px;margin-top:-10px}.team-nameslip{width:106%;margin-left:-3%;height:auto;object-fit:contain;margin-top:-10px;transform:scaleX(1.0633) translateX(5px)}@media (max-width:1100px){.team-container{gap:20px}.team-card{width:220px}.avatar-box{height:260px}.nameslip-box{height:80px}}@media (max-width:900px){.team-card{width:clamp(100px,26vw,180px)}.avatar-box{height:clamp(120px,22vw,200px)}.team-nav-btn{width:36px}}@media (max-width:1280px){.hero-center-text{margin-left:-5%}.carousel-section{right:2%}}@media (max-width:1024px){.hero-container{height:auto;min-height:100vh;overflow-y:auto}.hero-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:100px 5% 60px}.hero-left-mascot{width:40%;transform:none;order:1}.hero-center-text{width:60%;margin:0;align-items:center;text-align:center;order:2}.checkout-wrapper{margin-left:0;justify-content:center}.carousel-section{width:100%;position:relative;top:0;right:auto;margin:40px auto 0;order:3;perspective:none;z-index:15}#hero-carousel{width:100%;height:450px;position:relative;transform-style:flat}.carousel-card{position:absolute;top:0;left:50%;margin-left:-105px;right:auto;transform-origin:center center;transform-style:flat;backface-visibility:visible}.carousel-nav{position:absolute;top:150px;left:50%;width:280px;margin-left:-140px;z-index:1050;display:flex;justify-content:space-between;pointer-events:none}.carousel-btn{position:relative!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;pointer-events:auto}.carousel-prev{left:auto!important}.carousel-next{left:auto!important;right:auto!important}.project-info{width:100%;position:relative;top:20px;right:0;text-align:center;border-left:none;border-bottom:2px solid var(--yellow);padding:0 0 10px;order:4}.second-section{height:auto;min-height:100vh;padding:60px 0;display:flex;flex-direction:column}.content-display-wrapper{display:contents}.key-bar{order:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:5px;width:100%;padding:0 5%;margin-top:10px}.keyboard-btn{width:33%;max-width:140px}.slider-outer-container{order:2;position:relative;top:0;left:0;width:90%;height:300px;margin:30px auto}.mascot-container{position:relative;top:0;left:0;width:180px;margin:20px auto;order:3}.speech-bubble{left:50%;transform:translateX(-50%)}.form-row{display:flex!important;flex-direction:column!important;gap:15px}.contact-input{width:100%!important;margin-bottom:0}}@media (max-width:900px){.navbar{padding:0 24px}.nav-links{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:rgba(8,6,26,0.98);border-left:1px solid rgba(245,216,0,0.15);flex-direction:column;justify-content:center;gap:32px;transition:right var(--transition);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}.nav-toggle{display:flex}.section{padding:80px 24px}.footer{padding:30px 24px}}@media (max-width:600px){.section-title{font-size:2rem}.footer{flex-direction:column;align-items:flex-start}.hero-content{grid-template-columns:45% 55%;gap:0px}.title-img{width:100%}.carousel-section{width:95%;margin-top:20px}.slider-outer-container{height:250px}.mascot-container{width:160px}.keyboard-btn{width:32%}}.arcade-verse-section{width:100vw;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5%;overflow:hidden;background:transparent;z-index:5}.design-icon-triangle{position:absolute;top:120px;left:4%;width:30px;height:auto;z-index:10}.design-icon-ghost{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:60px;height:auto;z-index:100;animation:ghostFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(245,216,0,0.4))}@keyframes ghostFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-20px) rotate(10deg)}}.arcade-left{flex:1;max-width:50%;z-index:10}.arcade-verse-title-img{width:100%;max-width:650px;height:auto;transition:transform 0.3s ease}.arcade-verse-title-img:hover{transform:scale(1.02)}.arcade-right{flex:1;position:relative;height:clamp(500px,80vh,800px);display:flex;align-items:center;justify-content:center}.phone-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phone{position:absolute;width:auto;height:clamp(300px,65vh,750px);transition:transform var(--transition);filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6))}.phone-left{left:0;z-index:2;height:clamp(255px,55vh,638px);transform:translateX(10%) translateY(5%);opacity:0.95}.phone-middle{z-index:5}.phone-right{right:0;z-index:2;height:clamp(255px,55vh,638px);transform:translateX(-10%) translateY(5%);opacity:0.95}.marquee-wrapper{position:absolute;bottom:0px;left:0;width:100%;height:60px;background:#9055ff;border-top:1px solid rgba(255,255,255,0.15);overflow:hidden;display:flex;align-items:center;z-index:20}.marquee-content{display:flex;width:max-content;animation:marqueeScroll 30s linear infinite}.marquee-img{height:60px;width:auto;display:block;flex-shrink:0}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:1200px){.arcade-verse-section{flex-direction:column;justify-content:center;padding-top:100px}.arcade-left{max-width:90%;margin-bottom:50px;text-align:center}.arcade-right{width:100%;height:50vh}}.guts-section{width:100vw;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:100px 5% 150px;background:transparent;overflow:visible}.guts-header{margin-bottom:40px;text-align:center}.guts-title-img{width:clamp(300px,45vw,650px);height:auto;filter:drop-shadow(0 0 20px rgba(245,216,0,0.3))}.guts-feed-container{position:relative;width:100%;max-width:1200px;height:800px;display:flex;justify-content:center;align-items:center}.guts-card{position:absolute;width:clamp(325px,27.5vw,450px);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),filter 0.3s ease;z-index:30;cursor:pointer}.guts-card img{width:100%;height:auto;filter:drop-shadow(0 15px 35px rgba(0,0,0,0.5))}.guts-card:hover{transform:scale(1.05);z-index:100;filter:brightness(1.1)}@keyframes cardFloatImpact{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-14px)}}@keyframes cardFloatChallengers{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-14px)}}.card-impact{left:calc(10% - 200px);top:calc(45% - 130px);width:clamp(451px,38.1vw,623px);animation:cardFloatImpact 3.5s ease-in-out infinite}.card-challengers{right:calc(15% - 100px);top:8%;width:clamp(341px,28.8vw,472px);animation:cardFloatChallengers 3.5s ease-in-out infinite}@keyframes cardFloatBrands{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-14px)}}.card-brands{right:calc(18% - 265px);bottom:calc(15% - 450px);width:clamp(451px,38.1vw,623px);animation:cardFloatBrands 3.5s ease-in-out infinite;z-index:100}.guts-arrow{position:absolute;z-index:10;opacity:1;pointer-events:none}@keyframes arrowFloatUp{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-14px)}}@keyframes arrowFloatDown{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-14px)}}.arrow-up{top:calc(20% - 160px);left:calc(38% - 165px);width:503px;animation:arrowFloatUp 3.5s ease-in-out infinite}.arrow-down{bottom:calc(35% - 320px);left:calc(42% - 160px);width:573px;animation:arrowFloatDown 3.5s ease-in-out infinite}@media (max-width:1024px){.guts-feed-container{height:auto;flex-direction:column;gap:60px}.guts-card,.guts-hub,.guts-arrow{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:90%}.guts-arrow{display:none}.guts-card{transform:rotate(2deg)!important;transition:none!important}.guts-card:nth-child(even){transform:rotate(-2deg)!important}.guts-card img{aspect-ratio:1}}.loop-section{width:100vw;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:100px 5% 150px;margin-top:200px;background:transparent;overflow:hidden}.loop-header{margin-bottom:60px;text-align:center}.loop-title-img{width:clamp(280px,40vw,550px);height:auto;filter:drop-shadow(0 0 15px rgba(255,235,59,0.4))}.loop-container{position:relative;width:100%;max-width:1250px;height:1000px;display:flex;justify-content:center;align-items:center;margin-top:-50px}.loop-track{position:absolute;width:750px;height:750px;border:5px dashed rgba(255,255,255,0.15);border-radius:50%;z-index:5;pointer-events:none}.loop-mascot{position:absolute;width:275px;z-index:20;display:flex;justify-content:center;align-items:center;animation:monsterFloat 6s ease-in-out infinite}.loop-mascot img{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6))}@keyframes monsterFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-25px)}}.loop-mascot{position:absolute;width:250px;z-index:10;display:flex;justify-content:center;align-items:center;animation:monsterFloat 6s ease-in-out infinite}.loop-mascot img{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6))}@keyframes monsterFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-25px)}}.loop-card{position:absolute;width:clamp(250px,20vw,325px);z-index:50;top:50%;left:50%;margin-top:-100px;margin-left:-163px;transition:filter 0.3s ease}.loop-card img{width:100%;height:auto;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.5))}.card-discover{animation:orbitDiscover 30s linear infinite}.card-conquer{animation:orbitConquer 30s linear infinite}.card-celebrate{animation:orbitCelebrate 30s linear infinite}@keyframes orbitDiscover{from{transform:rotate(0deg) translateY(-375px) rotate(0deg)}to{transform:rotate(360deg) translateY(-375px) rotate(-360deg)}}@keyframes orbitConquer{from{transform:rotate(120deg) translateY(-375px) rotate(-120deg)}to{transform:rotate(480deg) translateY(-375px) rotate(-480deg)}}@keyframes orbitCelebrate{from{transform:rotate(240deg) translateY(-375px) rotate(-240deg)}to{transform:rotate(600deg) translateY(-375px) rotate(-600deg)}}@media (max-width:1024px){.loop-container{height:auto;flex-direction:column;gap:40px;padding-top:50px}.loop-track{display:none}.loop-card,.loop-mascot{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:60%;margin:0 auto;animation:none}.loop-mascot{order:-1;margin-bottom:40px}.loop-card img{aspect-ratio:4 / 5}}.infographic-section{width:100vw;padding:100px 5%;display:flex;justify-content:center;align-items:center;background:transparent}.infographic-container{width:100%;max-width:1563px;text-align:center}.challenge-infographic{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(0,0,0,0.8));border-radius:20px;background:transparent}@media (max-width:768px){.infographic-section{padding:50px 2%}}.survey-link-btn{display:inline-block;background:#f5d800;color:#08061a;padding:18px 45px;font-size:1.4rem;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:1px;border-radius:4px;box-shadow:6px 6px 0px rgba(0,0,0,0.8),0 0 20px rgba(245,216,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer}.survey-link-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0px rgba(0,0,0,0.9),0 0 30px rgba(245,216,0,0.3)}.contact-section{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;overflow:visible}.contact-mascot-container{position:absolute;top:85px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.community-mascot{width:clamp(140px,12vw,180px);height:auto;animation:monsterFloat 4s ease-in-out infinite;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.5))}.community-bubble{width:clamp(100px,8vw,140px);position:absolute;top:-90px;right:-110px;animation:bubbleFloat 3s ease-in-out infinite}.heart-container{position:absolute;width:100%;height:100%;top:0;left:0}.heart-icon{position:absolute;width:clamp(60px,6vw,105px);height:auto;animation:heartPop 4s ease-in-out infinite}.heart-1{top:-75px;left:-42px;animation-delay:0s;transform:rotate(-30deg)}.heart-2{top:-120px;left:-12px;width:clamp(45px,4.5vw,75px);animation-delay:1.2s;transform:rotate(5deg)}.heart-3{top:-68px;left:42px;width:clamp(53px,5.3vw,90px);animation-delay:0.6s;transform:rotate(20deg)}@keyframes heartPop{0%,100%{transform:scale(1) translateY(0) rotate(0);opacity:0.8}50%{transform:scale(1.15) translateY(-20px) rotate(10deg);opacity:1}}@keyframes bubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.contact-grid-box{width:100%;max-width:none;min-height:180px;background:linear-gradient(180deg,rgba(30,16,68,0.95) 0%,rgba(8,6,26,1) 100%);border:3px solid #7d44ff;border-radius:40px 40px 0 0;padding:140px 5% 30px;display:flex;flex-direction:column;align-items:center;position:relative;background-image:linear-gradient(rgba(125,68,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,68,255,0.05) 1px,transparent 1px);background-size:50px 50px;box-shadow:0 0 60px rgba(125,68,255,0.2)}.contact-vector-tr{position:absolute;top:30px;right:30px;width:22px;height:auto;pointer-events:none}.contact-vector-bl{position:absolute;bottom:160px;left:45px;width:38px;height:auto;pointer-events:none}.contact-title-img{width:clamp(280px,35vw,450px);height:auto;margin-bottom:30px;filter:drop-shadow(0 0 15px rgba(125,68,255,0.4))}.contact-form{width:100%;max-width:820px;display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:15px;width:100%}.contact-input{flex:1;background:#fffcd1;border:2px solid transparent;padding:10px 18px;border-radius:8px;font-family:'Inter',sans-serif;font-size:0.9rem;font-weight:600;color:#08061a;transition:all 0.3s ease}.contact-input:focus{outline:none;border-color:#f5d800;background:#fff;box-shadow:0 5px 15px rgba(245,216,0,0.2)}.contact-textarea{min-height:80px;resize:none}.contact-submit-btn{align-self:center;margin-top:10px;padding:12px 40px!important;font-size:1.1rem!important;background:#f5d800!important;color:#08061a!important;border:none;box-shadow:4px 4px 0px rgba(0,0,0,0.8)!important;cursor:pointer}.footer-area{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;padding:0 3%}.social-icons-img{height:48px;width:auto}.copyright-img{height:22px;width:auto}.footer-img{width:100%;height:auto}@media (max-width:850px){.contact-grid-box{padding:110px 6% 40px}.form-row{flex-direction:column}.footer-area{flex-direction:column;align-items:center;gap:30px}.community-mascot{width:160px}}.survey-section{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;gap:100px;padding:0 10%;scroll-snap-align:start;overflow:visible}.survey-mascot-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-left:2%}.survey-bubble{width:clamp(140px,12vw,200px);position:absolute;top:-120px;left:62%;animation:mascotFloat 4s ease-in-out infinite;z-index:10;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.15) brightness(1.05)}.survey-mascot{width:clamp(300px,32vw,550px);height:auto;filter:drop-shadow(0 25px 45px rgba(0,0,0,0.6));animation:surveyMascotFloat 4s ease-in-out infinite;transform-origin:center bottom}@keyframes surveyMascotFloat{0%,100%{transform:scale(1.1) translateY(30px) rotate(-1deg)}50%{transform:scale(1.1) translateY(10px) rotate(1deg)}}.survey-content-box{max-width:750px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:none;padding:0}.survey-frame-wrapper{display:none}.survey-desktop-content{display:flex;align-items:center;justify-content:center;width:100%;max-width:800px}.survey-desktop-img{width:100%;height:auto;display:block}.survey-content-img{width:100%;height:auto}.survey-title{font-size:clamp(2rem,4vw,3.5rem);color:var(--yellow);margin-bottom:20px;font-family:var(--font-head);font-weight:900;text-transform:uppercase;letter-spacing:4px;filter:drop-shadow(0 5px 15px rgba(245,216,0,0.3))}.survey-description{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,0.9);margin-bottom:40px;font-family:var(--font-body);font-weight:300;max-width:600px}.survey-link-btn{display:inline-block;background:var(--yellow);color:var(--bg-deep);padding:18px 45px;font-size:1.4rem;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:1px;border-radius:4px;box-shadow:6px 6px 0px rgba(0,0,0,0.8),0 0 20px rgba(245,216,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer}.survey-link-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0px rgba(0,0,0,0.9),0 0 30px rgba(245,216,0,0.3)}.survey-link-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0px rgba(0,0,0,0.8)}@media (max-width:1100px){.survey-section{gap:50px;padding:0 5%}.survey-content-box{max-width:600px}}@media (max-width:900px){.survey-section{flex-direction:column;justify-content:center;height:auto;min-height:100vh;padding-top:0px;padding-bottom:120px;gap:40px}.survey-mascot-container{margin-left:0}.survey-bubble{left:51%;top:-80px;width:140px}.survey-content-box{width:90%;padding:40px 25px}.survey-link-btn{width:80px;height:80px;bottom:-30px;right:0}}.contact-section{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;scroll-snap-align:start;overflow:visible}.contact-mascot-container{position:absolute;top:-70px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.community-mascot{width:clamp(140px,12vw,180px);height:auto;animation:mascotFloat 4s ease-in-out infinite;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.5))}.community-bubble{width:clamp(100px,8vw,140px);position:absolute;top:-90px;right:-110px;animation:bubbleFloat 3s ease-in-out infinite}.heart-container{position:absolute;width:100%;height:100%;top:0;left:0}.heart-icon{position:absolute;width:clamp(60px,6vw,105px);height:auto;animation:heartPop 4s ease-in-out infinite}.heart-1{top:-75px;left:-42px;animation-delay:0s;transform:rotate(-30deg)}.heart-2{top:-120px;left:-12px;width:clamp(45px,4.5vw,75px);animation-delay:1.2s;transform:rotate(5deg)}.heart-3{top:-68px;left:42px;width:clamp(53px,5.3vw,90px);animation-delay:0.6s;transform:rotate(20deg)}@keyframes heartPop{0%,100%{transform:scale(1) translateY(0) rotate(0);opacity:0.8}50%{transform:scale(1.15) translateY(-20px) rotate(10deg);opacity:1}}.contact-grid-box{width:100%;max-width:none;height:auto;min-height:180px;margin:0 auto;background:linear-gradient(180deg,rgba(30,16,68,0.95) 0%,rgba(8,6,26,1) 100%);border:3px solid #7d44ff;border-radius:40px 40px 0 0;padding:140px 5% 30px;display:flex;flex-direction:column;align-items:center;position:relative;background-image:linear-gradient(rgba(125,68,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,68,255,0.05) 1px,transparent 1px);background-size:50px 50px;box-shadow:0 0 60px rgba(125,68,255,0.2)}.contact-vector-tr{position:absolute;top:30px;right:30px;width:22px;height:auto;pointer-events:none}.contact-vector-bl{position:absolute;bottom:160px;left:45px;width:38px;height:auto;pointer-events:none}.contact-title-img{width:clamp(280px,35vw,450px);height:auto;margin-bottom:30px;filter:drop-shadow(0 0 15px rgba(125,68,255,0.4))}.contact-form{width:100%;max-width:820px;display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:15px;width:100%}.contact-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;background:#fffcd1;border:2px solid transparent;padding:10px 18px;border-radius:8px;font-family:var(--font-body);font-size:0.9rem;font-weight:600;color:var(--bg-deep);transition:all 0.3s ease}.contact-input::placeholder{color:rgba(0,0,0,0.4)}.contact-input:focus{outline:none;border-color:var(--yellow);background:#fff;box-shadow:0 5px 15px rgba(245,216,0,0.2)}.contact-textarea{min-height:80px;resize:none}.contact-submit-btn{align-self:center;margin-top:10px;padding:12px 40px!important;font-size:1.1rem!important;background:var(--yellow)!important;color:var(--bg-deep)!important;border:none;box-shadow:4px 4px 0px rgba(0,0,0,0.8)!important;cursor:pointer}.monki-form{width:100%;max-width:820px;display:flex;flex-direction:column;gap:12px;background:transparent}.monki-form-title{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.2rem,2.5vw,1.8rem);color:#E0B5FB;text-align:center;margin:0 0 6px;letter-spacing:0.02em}.monki-form-row{display:flex;gap:12px;width:100%}.monki-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;background:#FEFAC5;border:1.5px solid #b8b830;border-radius:5px;padding:14px 16px;font-family:var(--font-body);font-size:0.95rem;font-weight:600;color:#6b6b00;outline:none;width:100%;transition:border-color 0.2s ease,box-shadow 0.2s ease}.monki-input::placeholder{color:#8a8a20;font-weight:600}.monki-input:focus{border-color:#a0a000;box-shadow:0 0 0 3px rgba(200,200,0,0.15)}.monki-textarea{min-height:140px;resize:none}.monki-submit{align-self:center;margin-top:6px;background:none;border:none;padding:0;cursor:pointer;transition:transform 0.2s ease,filter 0.2s ease}.monki-submit:hover{transform:translateY(-3px);filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3))}.monki-submit:active{transform:translateY(2px);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.submit-btn-img{width:clamp(160px,18vw,240px);height:auto;display:block}.contact-form-submit-overlay{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);opacity:0;width:30%;height:12%;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}.contact-form-submit-overlay:hover{opacity:0;transform:translateX(-52%) translateY(-2px)}.contact-form-submit-overlay:active{transform:translateX(-46%) translateY(4px)}.footer-area{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;padding:0 3%}.social-icons-img{height:48px;width:auto}.copyright-img{height:22px;width:auto}.footer-img{width:100%;height:auto}.copyright-text{color:rgba(255,255,255,0.5);font-size:0.95rem;font-family:var(--font-body)}.copyright-text b{color:var(--yellow);font-weight:700;margin-left:5px}@media (max-width:850px){.contact-grid-box{padding:110px 6% 40px}.form-row{flex-direction:column}.footer-area{flex-direction:column;align-items:center;gap:30px}.community-mascot{width:160px}}@media (max-width:1024px){header.navbar{padding:20px 5%;background:rgba(8,6,26,0.9);position:fixed;top:0;left:0;width:100%;z-index:1000}.nav-links{display:none;position:fixed;top:0;right:0;width:70vw;height:100vh;background:var(--bg-deep);flex-direction:column!important;justify-content:center;align-items:center;gap:40px!important;z-index:1000;box-shadow:-10px 0 30px rgba(0,0,0,0.5);border-left:2px solid var(--yellow)}.nav-links.open{display:flex}.nav-toggle{display:flex;flex-direction:column;gap:6px;cursor:pointer;z-index:1100}.nav-toggle span{display:block;width:30px;height:3px;background:var(--yellow);border-radius:3px;transition:0.3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.logo-img{width:100px}}@media (max-width:1024px){.hero-container{height:auto;min-height:100vh;padding-top:100px;padding-bottom:50px}.hero-content{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:40px;padding:0 5%}.hero-left-mascot{width:280px;transform:none;order:1}.hero-center-text{margin-left:0;margin-top:0;align-items:center;order:2}.title-img{width:80vw;margin-bottom:20px}.checkout-wrapper{margin-left:0;justify-content:center}.carousel-section{top:0;width:100%;margin-top:40px;order:3}#hero-carousel{height:350px}.project-info{position:relative;top:auto;right:auto;width:100%;text-align:center;border-left:none;border-top:2px solid var(--yellow);padding:20px 0;margin-top:20px}.project-tags{justify-content:center}}@media (max-width:1024px){.second-section{height:auto;min-height:100vh;padding:80px 5%}.key-bar{flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:20px;flex-wrap:nowrap;width:100%;padding:0 3%;order:1}.keyboard-btn{width:30%;max-width:150px}#explore-link{position:absolute!important;bottom:12%!important;right:5%!important;transform:none!important}#explore-link img{width:clamp(90px,22vw,130px)!important}.slider-main-box{position:relative!important;width:100%;height:100%;overflow:hidden}.content-display-wrapper{display:contents}.slider-outer-container{order:2;position:relative;left:0;top:0;width:100%;max-width:500px;height:auto;aspect-ratio:4 / 3;margin:20px auto 0}.mascot-container{order:3;position:relative;left:0;top:0;width:200px;margin:0 auto}.speech-bubble{left:120px;top:-60px}}@media (max-width:480px){.hero-left-mascot{width:200px}.title-img{width:90vw}.keyboard-btn{width:140px}.slider-nav-btn img{width:24px}}.team-section{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;background:transparent;padding:110px 5% 100px;margin-top:0;scroll-snap-align:start}.team-header{margin-top:0px;margin-bottom:20px;position:relative;z-index:10;pointer-events:none}.team-title-img{width:clamp(140px,9vw,200px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.3))}.team-title-text{font-family:'Montserrat',sans-serif;font-weight:750;font-size:clamp(1.6rem,4vw,3rem);color:#FBED1D;text-transform:uppercase;letter-spacing:0.05em;margin:0;line-height:1;transform:translateY(-20px)}.team-slider-wrapper{position:relative;width:100%;max-width:1400px;display:flex;align-items:center;justify-content:center;z-index:50}.team-slider{position:relative;width:100%;height:clamp(460px,46vw,690px);margin:30px auto 0;overflow:visible}.team-frame{position:absolute;top:50%;transform:translateY(-50%);width:clamp(299px,25.3vw,391px);height:clamp(322px,34.5vw,483px);background:#d4d06a;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,0.5),inset 0 0 20px rgba(255,255,255,0.2);z-index:5}.frame-left{left:5%;opacity:0.6}.frame-center{left:50%;transform:translate(-50%,-50%)!important;opacity:1;z-index:8;overflow:visible}.frame-right{right:5%;opacity:0.6}.team-slot{position:absolute;top:50%;transform:translateY(-50%) translateZ(0);width:clamp(260px,22vw,340px);transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1),left 0.8s cubic-bezier(0.34,1.56,0.64,1),right 0.8s cubic-bezier(0.34,1.56,0.64,1);opacity:1!important;z-index:50;pointer-events:none;will-change:transform,left,right}.pos-0{left:-150%;opacity:1;pointer-events:none}.pos-1{left:11%;opacity:1}.pos-2{left:50%;transform:translate(-50%,-50%)!important;opacity:1;z-index:100}.pos-3{left:89%;transform:translate(-100%,-50%)!important;opacity:1}.pos-4{left:150%;opacity:1;pointer-events:none}@keyframes shuffleFromRight{0%{transform:rotate(4deg) scale(0.96)}100%{transform:rotate(0deg) scale(1)}}@keyframes shuffleFromLeft{0%{transform:rotate(-4deg) scale(0.96)}100%{transform:rotate(0deg) scale(1)}}.team-slot.shuffle-from-right .team-card{animation:shuffleFromRight 0.65s cubic-bezier(0.34,1.56,0.64,1) forwards}.team-slot.shuffle-from-left .team-card{animation:shuffleFromLeft 0.65s cubic-bezier(0.34,1.56,0.64,1) forwards}.dir-next .pos-3{transition-delay:0s}.dir-next .pos-2{transition-delay:0.25s}.dir-next .pos-1{transition-delay:0.5s}.dir-next .pos-0{transition-delay:0.7s}.dir-prev .pos-1{transition-delay:0s}.dir-prev .pos-2{transition-delay:0.25s}.dir-prev .pos-3{transition-delay:0.5s}.dir-prev .pos-4{transition-delay:0.7s}.team-card{background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important;height:100%}@keyframes cardLand{0%{transform:scale(1)}40%{transform:scale(1.07)}70%{transform:scale(0.97)}100%{transform:scale(1)}}.team-slot.landing .team-card{animation:cardLand 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards}.pos-2 .avatar-box img{height:175%;margin-top:-20px;filter:drop-shadow(0 25px 40px rgba(0,0,0,0.6));animation:avatarBreathe 3s ease-in-out infinite;transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1),filter 0.8s ease}@keyframes avatarBreathe{0%,100%{transform:translateY(0)}50%{transform:scale(1.04) translateY(-10px)}}.team-nav-btn{position:absolute;top:50%;z-index:200;cursor:pointer;transition:none!important;animation:none!important;transform:translateY(-50%)!important}.team-prev{left:26%;transform:translate(-50%,-50%)}.team-next{right:26%;transform:translate(50%,-50%)}.team-nav-btn img{width:40px!important;height:auto!important}@media (max-width:1024px){.team-section{padding:40px 2% 0px;height:auto;min-height:auto;overflow:hidden;max-height:750px !important;}.team-header{margin-bottom:80px}.team-slider-wrapper{width:100%;overflow:visible;position:relative;padding:0 40px}.team-slider{height:380px;overflow:visible}.team-card{width:clamp(120px,28vw,200px)}.avatar-box{height:clamp(140px,25vw,220px)}.nameslip-box{height:60px;padding:5px}.team-nameslip{width:90%}.team-frame{width:clamp(120px,28vw,200px);height:clamp(180px,35vw,280px)}.team-slot{width:clamp(120px,28vw,200px)}.slot-center .team-avatar{height:120%}.team-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:200;width:40px;height:40px}.team-nav-btn.team-prev{left:-5px}.team-nav-btn.team-next{right:-5px}.team-nav-btn img{width:30px!important}}#app .team-stage,#app .survey-stage,#app .contact-stage{position:absolute;top:0;left:50%;height:100%;transform-origin:top center}.contact-stage{position:relative;width:100%;height:100%}.team-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:110px 5% 100px}.survey-stage{display:flex;align-items:center;justify-content:center;gap:100px;padding:0 10%}.contact-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}#team-section,#survey-section{overflow:hidden!important}#contact-section{overflow:visible!important}@media (max-width:1024px){html{scroll-behavior:auto!important}.guts-card,.guts-arrow,.design-icon-ghost,.loop-card,.loop-mascot{animation:none!important}.guts-card img,.loop-mascot img,.design-icon-ghost{filter:none!important}}