*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;height:100dvh;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100vh;min-height:100dvh;height:100%;overflow:hidden;font-family:Inter,sans-serif;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.background{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/background.png) center/cover no-repeat;transform:scale(1.03);z-index:-3;will-change:transform;width:100vw;height:100vh;height:100dvh}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.container{position:relative;width:100%;min-height:100vh;min-height:100dvh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:clamp(16px,4vh,40px) clamp(20px,4vw,40px);padding-top:calc(clamp(16px,4vh,40px) + env(safe-area-inset-top,0px));transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.logo{width:clamp(150px,26vmin,320px);height:auto;will-change:transform;image-rendering:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;margin-bottom:clamp(10px,2.3vh,26px);opacity:0;transform:translateY(35px);animation:fadeInUp .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.2s}.title{font-size:clamp(48px,13vmin,170px);font-weight:600;line-height:.9;letter-spacing:-.06em;-webkit-hyphens:none;hyphens:none;word-break:keep-all;max-width:90vw;margin-bottom:clamp(6px,1.5vh,18px);opacity:0;transform:translateY(35px);animation:fadeInUp .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.4s}.subtitle{font-size:clamp(22px,6vmin,72px);font-weight:400;line-height:1.15;color:#ffffff8c;letter-spacing:-.05em;max-width:85vw;-webkit-hyphens:none;hyphens:none;margin-bottom:0;opacity:0;transform:translateY(35px);animation:fadeInUp .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.6s}.bottom-button,.desktop-bottom-button{opacity:0;transform:translateY(35px);animation:fadeInUp .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.8s}.top-content{display:flex;flex-direction:column;align-items:center;width:100%}.bottom-button{position:absolute;left:0;right:0;bottom:clamp(25px,7vh,100px);bottom:calc(clamp(25px,7vh,100px) + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;align-items:center;touch-action:manipulation;z-index:1}.bottom-button a{display:flex;justify-content:center;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none}.custom-button{width:clamp(280px,62vmin,720px);height:auto;cursor:pointer;transition:transform .25s ease;filter:drop-shadow(0 12px 32px rgba(0,0,0,.4));user-select:none;-webkit-user-select:none;-webkit-user-drag:none;max-width:calc(100vw - 30px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));display:block}.custom-button:hover{transform:scale(1.05)}.custom-button:active{transform:scale(.97);transition:transform .1s ease}.desktop-bottom-button{display:none;width:100%;text-align:center}.desktop-bottom-button a{display:inline-block;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none}@media(max-width:600px){.container{transform:translateY(-7vh);padding:clamp(12px,5vh,3000px) clamp(16px,3vw,24px);padding-top:calc(clamp(12px,2vh,20px) + env(safe-area-inset-top,0px))}.logo{width:clamp(75px,24vmin,130px)}.title{font-size:clamp(30px,12vmin,52px);margin-bottom:clamp(4px,1vh,12px);line-height:1}.subtitle{font-size:clamp(15px,5.5vmin,24px);margin-bottom:0;width:95%;color:#ffffffa6;line-height:1.2}.bottom-button{bottom:clamp(18px,5vh,40px);bottom:calc(clamp(18px,5vh,40px) + env(safe-area-inset-bottom,0px))}.custom-button{width:clamp(260px,85vmin,380px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}}@media(max-width:374.98px){.logo{width:clamp(65px,22vmin,100px)}.title{font-size:clamp(26px,11vmin,42px)}.subtitle{font-size:clamp(13px,5vmin,20px)}.custom-button{width:clamp(220px,88vmin,320px)}.bottom-button{bottom:clamp(14px,4vh,32px);bottom:calc(clamp(14px,4vh,32px) + env(safe-area-inset-bottom,0px))}}@media(min-width:601px)and (max-width:1024px){.container{transform:translateY(clamp(-3vh,-2vh,0vh));padding:clamp(16px,10vh,300px) clamp(20px,4vw,40px);padding-bottom:320px}.logo{width:clamp(130px,22vmin,210px)}.title{font-size:clamp(40px,11vmin,110px)}.subtitle{font-size:clamp(18px,5vmin,50px);max-width:80vw}.custom-button{width:clamp(280px,58vmin,560px)}.bottom-button{bottom:clamp(30px,6vh,80px);bottom:calc(clamp(30px,6vh,80px) + env(safe-area-inset-bottom,0px))}}@media(min-width:1025px){.container{transform:translateY(0);justify-content:center;padding:clamp(16px,4vh,40px) clamp(20px,4vw,40px);padding-top:calc(clamp(16px,4vh,40px) + env(safe-area-inset-top,0px))}.bottom-button{display:none}.desktop-bottom-button{display:block;margin-top:87px;text-align:center}.desktop-bottom-button .custom-button{width:clamp(520px,65vmin,1200px);transition:transform .25s ease;filter:drop-shadow(0 16px 38px rgba(0,0,0,.45))}.logo{margin-bottom:clamp(10px,2vh,26px)}.title{margin-bottom:clamp(6px,1.2vh,16px)}.subtitle{margin-bottom:0}}@media(min-width:1600px){.container{max-width:1400px;margin:0 auto}.subtitle{max-width:60vw}.desktop-bottom-button .custom-button{width:clamp(620px,70vmin,1300px)}}@media(min-width:2200px){.container{max-width:1600px}.subtitle{max-width:50vw}.desktop-bottom-button .custom-button{width:clamp(750px,75vmin,1500px)}}@media(max-height:500px)and (orientation:landscape){.container{transform:translateY(0);padding:clamp(8px,2vh,16px) clamp(12px,3vw,20px);padding-top:calc(clamp(8px,2vh,16px) + env(safe-area-inset-top,0px))}.logo{width:clamp(65px,16vmin,120px);margin-bottom:clamp(4px,1vh,10px)}.title{font-size:clamp(28px,9vmin,52px);margin-bottom:clamp(2px,.8vh,8px)}.subtitle{font-size:clamp(14px,4.5vmin,24px);max-width:80vw;line-height:1.1}.bottom-button{bottom:clamp(8px,3vh,22px);bottom:calc(clamp(8px,3vh,22px) + env(safe-area-inset-bottom,0px))}.custom-button{width:clamp(200px,55vmin,360px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.background{transform:scale(1.05)}}@media(max-height:350px)and (orientation:landscape){.logo{width:clamp(50px,14vmin,85px);margin-bottom:2px}.title{font-size:clamp(24px,8vmin,36px);margin-bottom:1px}.subtitle{font-size:clamp(12px,4vmin,18px)}.bottom-button{bottom:clamp(4px,2.5vh,15px);bottom:calc(clamp(4px,2.5vh,15px) + env(safe-area-inset-bottom,0px))}.custom-button{width:clamp(160px,50vmin,280px);filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.container{padding:clamp(4px,1.5vh,8px) clamp(8px,2vw,16px);padding-top:calc(clamp(4px,1.5vh,8px) + env(safe-area-inset-top,0px))}}@media(min-height:1200px){.container{transform:translateY(0);padding:8vh 4vw 8vh;padding-top:calc(8vh + env(safe-area-inset-top,0px))}}@media(aspect-ratio:4/3)and (max-width:1024px){.container{transform:translateY(-3vh)}.bottom-button{bottom:clamp(40px,5vh,75px);bottom:calc(clamp(40px,5vh,75px) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.logo,.title,.subtitle,.bottom-button,.desktop-bottom-button{animation:none;opacity:1;transform:translateY(0)}.custom-button{transition:none}.custom-button:hover,.custom-button:active{transform:none}.background,.logo{will-change:auto}}@media(prefers-color-scheme:dark){.subtitle{color:#fff9}}@media(prefers-color-scheme:light){.subtitle{color:#ffffff80}}