body{background-attachment:fixed;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01vfGUbY2DSyrXneyuh_!!2215249208609-49-fleamarket.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:LXGW WenKai,sans-serif;margin:0;min-height:100vh}.blur-overlay{animation:slideInLeft 1.2s cubic-bezier(0,1,.1,1) .5s both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#fff3;clip-path:polygon(0 0,66.66% 0,33.33% 100%,0 100%);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding-left:10vw;position:fixed;top:0;width:100%;z-index:10}.hero-content{margin-top:-10vh;max-width:600px}.hero-title{animation:slideInLeft .5s cubic-bezier(.175,.885,.32,1.08) .8s both;color:#222;font-family:Mojang,sans-serif;font-size:6rem;font-weight:700;height:120px;letter-spacing:25px;margin:0 -25px 2rem 0;position:relative;top:calc(-15vh - 5px)}.hero-text-svg{animation:draw-hero-title 2.5s ease-in-out 1.7s forwards,fill-hero-title .6s ease-in 3.1s forwards;fill:transparent;stroke:#222;stroke-dasharray:1500;stroke-dashoffset:1500;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@keyframes draw-hero-title{to{stroke-dashoffset:0}}@keyframes fill-hero-title{to{fill:#222}}.hero-buttons{display:flex;flex-direction:row;gap:1rem}.hero-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;cursor:pointer;font-family:LXGW WenKai,sans-serif;font-size:1.1rem;padding:.7rem 1.8rem;text-align:center;transform:perspective(500px) rotateX(0) rotateY(0) scale(1) translateY(0);transition:all .6s cubic-bezier(.1,.9,.2,1)}.btn-primary{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:linear-gradient(135deg,#fff9,#ffffff26);border-left:1px solid hsla(0,0%,100%,.3);border-top:1px solid hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.8) hsla(0,0%,100%,.3) hsla(0,0%,100%,.3) hsla(0,0%,100%,.6);border-style:solid;border-width:1px;box-shadow:0 8px 32px #0000001f,0 0 #fff0,inset 0 4px 6px -2px #ffffffe6,inset 0 -4px 6px -2px #0000000d;color:#111;font-weight:600}.btn-secondary{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.8);color:#222}.hero-btn:first-child{animation:slideInLeft .6s cubic-bezier(.175,.885,.32,1.08) .8s backwards}.hero-btn:nth-child(2){animation:slideInLeft .5s cubic-bezier(.175,.885,.32,1.08) .8s backwards}.hero-btn:nth-child(3){animation:slideInLeft .4s cubic-bezier(.175,.885,.32,1.08) .8s backwards}.btn-primary:hover{background:linear-gradient(135deg,#ffffffd9,#ffffff59);border-left:1px solid hsla(0,0%,100%,.9);border-top:1px solid hsla(0,0%,100%,.9);border-color:#fff hsla(0,0%,100%,.9) hsla(0,0%,100%,.9) #fff;border-style:solid;border-width:1px;box-shadow:0 15px 40px #0003,0 0 20px #fff9,inset 0 0 15px #ffffffe6,inset 0 -4px 6px -2px #0000000d}.btn-primary:hover,.btn-secondary:hover{transform:perspective(500px) rotateX(12deg) rotateY(-8deg) scale(1.04) translateY(-2px)}.btn-secondary:hover{background-color:#fff3;box-shadow:0 10px 25px #0000001a}@keyframes slideInLeft{0%{transform:translate(-100vw)}to{transform:translate(0)}}.modal-overlay{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modal-content{backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);background:linear-gradient(135deg,#fff9,#fff3);border-left:1px solid hsla(0,0%,100%,.4);border-top:1px solid hsla(0,0%,100%,.4);border-color:hsla(0,0%,100%,.8) hsla(0,0%,100%,.4) hsla(0,0%,100%,.4) hsla(0,0%,100%,.6);border-radius:28px;border-style:solid;border-width:1px;box-shadow:0 24px 64px #0000004d,inset 0 0 20px #fffc,inset 0 -4px 10px #0000000d;display:flex;height:70vh;max-height:650px;max-width:1000px;overflow:hidden;padding:30px;position:relative;transform:perspective(1000px) rotateX(0);transition:all .4s cubic-bezier(.1,.9,.2,1);width:80vw}.modal-body{align-items:center;display:flex;flex-direction:row;gap:0;height:100%;justify-content:center;transition:gap .6s cubic-bezier(.1,.9,.2,1);width:100%}.modal-body.is-challenging{gap:40px}.modal-left{align-items:center;display:flex;flex:0;justify-content:center;opacity:0;transform:translate(-30px) scale(.9);transition:all .6s cubic-bezier(.1,.9,.2,1);visibility:hidden;width:0}.modal-body.is-challenging .modal-left{flex:1;opacity:1;transform:translate(0) scale(1);visibility:visible;width:auto}.modal-right{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px 40px;text-align:center;transition:all .6s cubic-bezier(.1,.9,.2,1)}.modal-body.is-challenging .modal-right{align-items:flex-start;flex:1.2;padding:20px 40px 20px 0;text-align:left}.join-text-content{align-items:inherit;display:flex;flex-direction:column}.modal-close{align-items:center;background:#fff6;border:1px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .3s cubic-bezier(.1,.9,.2,1);width:36px;z-index:10}.modal-close:hover{background:#ffffffe6;box-shadow:0 6px 16px #00000026;transform:scale(1.1) rotate(90deg)}.cf-wrapper{flex-direction:column;height:100%}.cf-wrapper,.join-image-container{align-items:center;display:flex;justify-content:center;width:100%}.join-image-container{aspect-ratio:1/1;background-color:#ffffff4d;border:1px dashed hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 12px 32px #0000001a;max-width:350px;overflow:hidden}.join-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.join-title{color:#111;font-family:LXGW WenKai,sans-serif;font-size:2.8rem;font-weight:700;margin:0 0 1.5rem;text-shadow:0 2px 10px hsla(0,0%,100%,.8)}.join-desc{color:#333;font-size:1.2rem;line-height:1.8;margin-bottom:2rem}.join-action-btn{align-self:flex-start;background:#111;border:none;border-radius:999px;box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:700;padding:.8rem 2.2rem;transition:all .3s cubic-bezier(.1,.9,.2,1)}.join-action-btn:hover{box-shadow:0 12px 30px #00000040;transform:scale(1.05) translateY(-2px)}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-active .modal-content,.fade-leave-active .modal-content{transition:transform .5s cubic-bezier(.1,.9,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-from .modal-content{transform:perspective(1000px) rotateX(15deg) translateY(30px) scale(.95)}.fade-leave-to .modal-content{transform:perspective(1000px) rotateX(-10deg) translateY(-20px) scale(.95)}.dev-toast{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffbf;border:1px solid hsla(0,0%,100%,.5);border-radius:999px;border-top-color:#fffc;box-shadow:0 8px 32px #0000001a,inset 0 2px 4px #fff9;color:#111;display:flex;font-size:1.05rem;font-weight:600;gap:8px;left:50%;padding:12px 24px;pointer-events:none;position:fixed;top:40px;transform:translate(-50%);z-index:10000}.dev-toast-icon{height:20px;stroke:#ff9500;width:20px}