.signup main{margin-block:11rem 3.5rem;height:fit-content}.signup .heading{margin-bottom:40px;width:250px;display:flex;flex-direction:column;align-items:center;gap:10px}.signup .heading .heading-text:nth-child(1){font-size:1.1rem}.signup .heading .heading-text:nth-child(2){opacity:50%;font-size:var(--font-size-xl)}.signup-container{display:flex;flex-direction:column;border-radius:20px;padding:2rem 1.5rem;align-items:center;gap:1.8rem;width:100%;max-width:350px}.signup-container>button{display:flex;border-radius:10px;padding:1.5rem 1rem;align-items:center;gap:1rem;background-color:var(--white);border:1px solid #383838;width:100%;justify-content:center;color:var(--text-primary-color);background-color:#ffffff07;font-family:var(--font-family-primary);font-weight:100;transition:background-color .3s ease-out}.signup-container>button:hover{background-color:#ffffff19}.signup-container>button a{width:100%;height:100%;padding:5px;display:flex;align-items:center;justify-content:center;background:#fff0;gap:1rem}.signup-container p{border-radius:40px;display:flex;flex-direction:row;width:fit-content}.signup-container>p{border-radius:40px;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;gap:1rem}.signup-container>p a{align-items:center;width:max-content;justify-content:center;color:var(--blue-2)}.signup-container>p a:hover{text-decoration:underline}.stats-container{width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.stats-container>div{border:1px solid #383838;width:fit-content;justify-content:center;color:var(--text-primary-color);background-color:#f2f2f71a;border-radius:20px;padding:15px;display:flex;flex-direction:column;gap:10px}.stats-container .stats-header{display:flex;flex-direction:column}.stats-container .stats-header>div{display:flex;flex-direction:row;width:100%;justify-content:space-between;border-bottom:1px solid #ffffff1a;padding-bottom:10px;margin-bottom:10px;font-size:var(--font-size-normal);align-items:center}.stats-container .stats-header button{width:30;height:30;opacity:1;gap:10px;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border:none;transition:background-color .3s ease-out}.stats-container .stats-header button:hover{background-color:#ffffff27}.stats-container .stats-title{font-size:var(--font-size-small);opacity:50%}.stats-container .stats-details{display:flex;flex-direction:row;align-items:flex-end;gap:.2rem}.number-container{position:relative;height:40px;width:30px;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid #383838;background:var(--background-primary-color)}.number-reel{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center;transform:translateY(0);min-height:1200px}.number-reel.spinning{transition:none}.stats-container .stats-details .digit{height:40px;line-height:40px;flex-shrink:0;width:100%;text-align:center;font-size:var(--font-size-large);color:var(--white)}.stats-container .stats-details .comma{padding:0;font-size:2.5rem;color:var(--black)}