body{margin:0;background-color:#9d18aa}.container{background-image:url("../imgs/bg.png");background-size:cover;background-repeat:no-repeat;background-position:top center;width:100vw;height:100vh}main{text-align:center;display:flex;align-items:center;flex-direction:column}.title{position:absolute;animation:title 1s ease-in-out 1 forwards;top:3.8vh;max-width:100vw;height:auto}.red-packets{position:relative;width:100%;top:25vh;display:flex;align-items:center;flex-direction:column}@keyframes title{0%{transform:scale(.5)}100%{transform:scale(1)}}@keyframes sway{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}@keyframes moveAndScaleCoin1{0%{transform:translateY(50px) translateX(50px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(10px) translateX(10px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleCoin2{0%{transform:translateY(0) translateX(25px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(0) translateX(5px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleThunder{0%{transform:translateY(35px) translateX(5px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(5px) translateX(1px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleBall1{0%{transform:translateY(0) translateX(50px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(0) translateX(10px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleBall2{0%{transform:translateY(-20px) translateX(20px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(-5px) translateX(5px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleBall3{0%{transform:translateY(30px) translateX(-30px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(5px) translateX(-5px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleBall4{0%{transform:translateY(0) translateX(-60px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(0) translateX(-10px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleShape1{0%{transform:translateY(45px) translateX(45px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(10px) translateX(10px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleShape2{0%{transform:translateY(0) translateX(25px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(0) translateX(5px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleShape3{0%{transform:translateY(0) translateX(-30px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(0) translateX(-5px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}@keyframes moveAndScaleShape4{0%{transform:translateY(-55px) translateX(-55px) scale(.1);opacity:0}80%{transform:translateY(0) translateX(0) scale(.9);opacity:1}90%{transform:translateY(-10px) translateX(-10px) scale(.8);opacity:1}100%{transform:translateY(0) translateX(0) scale(1);opacity:1}}.hand{z-index:2;position:relative;top:-10px}.hand-sway{z-index:3;display:flex;align-items:center;flex-direction:column;position:relative;top:52px;left:5px;animation:sway 2s infinite ease-in-out}.coin1{position:absolute;left:-32px;top:11vh;animation:moveAndScaleCoin1 2s ease-in-out 1 forwards}.coin2{position:absolute;right:47vw;top:22.3vh;animation:moveAndScaleCoin2 2s ease-in-out 1 forwards}.thunder{position:absolute;left:5vw;top:13.3vh;animation:moveAndScaleThunder 2s ease-in-out 1 forwards}.ball1{position:absolute;left:-22vw;top:24.3vh;animation:moveAndScaleBall1 2s ease-in-out 1 forwards}.ball2{position:absolute;left:-5vw;top:39vh;animation:moveAndScaleBall2 2s ease-in-out 1 forwards}.ball3{position:absolute;right:-9vw;top:11.3vh;animation:moveAndScaleBall3 2s ease-in-out 1 forwards}.ball4{position:absolute;right:-32vw;top:26.3vh;animation:moveAndScaleBall4 2s ease-in-out 1 forwards}.shape1{position:absolute;left:-16vw;top:19vh;animation:moveAndScaleShape1 2s ease-in-out 1 forwards}.shape2{position:absolute;left:-9vw;top:27.6vh;animation:moveAndScaleShape2 2s ease-in-out 1 forwards}.shape3{position:absolute;right:-11vw;top:25vh;animation:moveAndScaleShape3 2s ease-in-out 1 forwards}.shape4{position:absolute;right:-21vw;top:33.9vh;animation:moveAndScaleShape4 2s ease-in-out 1 forwards}.user-notices{position:absolute;width:100vw;height:60vh;overflow:hidden;left:0;top:22vh}.notice{z-index:10;background-color:rgba(255,255,255,.7);display:inline-block;min-width:100px;padding:6px 16px;border-radius:16px;border:1px solid #fff;color:calc(255,255,255,.4);font-weight:500;font-size:13px;line-height:18px;opacity:0;position:absolute;white-space:nowrap}@keyframes noticeMove{0%{transform:translateX(100vh);opacity:0}0.1%{opacity:1}100%{transform:translateX(-100vh);opacity:1}}footer{width:100%}.btn{z-index:4;width:86%;padding:13px;border:none;border-radius:10px;background:linear-gradient(281deg,#f2d18e 0,#ffefb7 49.01%,#f2d18e 98.03%);box-shadow:1.548px 3.096px 6.192px 0 rgba(255,247,209,.81) inset;font-size:20px;font-weight:600;color:#ff7c2b;cursor:pointer}#claim-btn{position:absolute;bottom:65px}#signup-btn{font-size:20px;margin-top:10px;width:83%}.signup-form{display:none;z-index:4;width:100%;position:absolute;top:72vh;flex-direction:column;align-items:center}.signup-form .invite-code,.signup-form input{width:74%;margin-bottom:10px;padding:16.5px 15.5px 15.5px 15.5px;border-radius:16px;border:1px solid #ccc;font-weight:400;font-size:16px;line-height:16px;background-color:#fff}.signup-form .text-btn{position:absolute;top:253px;right:50px;color:#de9a24;font-weight:600;font-size:16px;line-height:21px;letter-spacing:-.31px}.password-hint{width:74%;margin-bottom:8px;color:#fff;font-size:12px;line-height:16px;text-align:left}.signup-form input::placeholder{font-weight:300;font-size:16px;line-height:16px;color:#ccc}.signup-form small{width:86%;margin-top:15px;letter-spacing:.3px}.signup-form small a{color:#4093ff}.modal{display:none;background-color:rgba(0,0,0,.6);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;align-items:center;justify-content:center;flex-direction:column}.modal-content{width:369px;height:308px;position:absolute;top:20vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-content .modal-title{position:absolute;top:24px;font-weight:500;font-size:20px;line-height:30px;color:#fff;text-align:center;width:215px}@keyframes bounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(.95)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content .halo{width:120vw;height:auto;position:absolute;z-index:-1;animation:spin 5s linear infinite}.modal-content .modal-btn-outline{position:absolute;top:223px;width:192px;height:50px;border-radius:10px;border:1.504px solid #fff8e3;background:#fff0d8;display:flex;align-items:center;justify-content:center}.modal-content .modal-btn-outline .modal-btn{text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:"SF Pro";font-size:22px;font-style:normal;font-weight:700;line-height:28px;background:var(--1,linear-gradient(90deg,#ff7c2b 0,#ad12c5 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal .close{position:relative;top:24vh}