.signup-section{background:linear-gradient(#f4f1f9 0%,#f7f1f5 15%,#fff 50%,#faf3ef 85%,#f4f1f9 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.signup-section .signup-footer{margin-top:3rem}.signup-section .bouncing-icon-wrapper{position:absolute}.signup-section .bouncing-icon-wrapper .bounce-icon{color:var(--text-off-white);font-size:3.2rem;animation:2s ease-in-out infinite bounce;display:inline-block}.signup-section .bouncing-icon-wrapper.first{top:20px;left:20px}.signup-section .bouncing-icon-wrapper.first .bounce-icon{color:var(--color-blue-700)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
.signup-content{border-radius:30px;width:100%;max-width:80%;height:100%;max-height:90%;display:flex}.signup-content .arena-hero{color:#fff;background:linear-gradient(135deg,#6a4cff,#8f3bff);border-top-left-radius:30px;border-bottom-left-radius:30px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.signup-content .arena-hero:before{content:"";opacity:.4;background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.signup-content .hero-content{z-index:2;position:relative}.signup-content .badge{background:#ffffff26;border-radius:2rem;margin-bottom:20px;padding:.8rem 1.4rem;font-size:1.4rem;font-weight:600;display:inline-block}.signup-content .title{flex-wrap:wrap;justify-content:start;align-items:start;margin-bottom:16px;font-size:3rem;font-weight:700;line-height:1.1}.signup-content .highlight{color:var(--color-yellow-300)}.signup-content .sub-title{color:var(--accent-text-color);opacity:.8;font-size:1.5rem;line-height:1.6}.signup-content .card-stack{justify-content:center;align-items:center;height:280px;display:flex;position:relative}.signup-content .card{background:linear-gradient(#111827,#1f2937);border-radius:20px;width:180px;height:260px;position:absolute}.signup-content .back-card{opacity:.35;transform:rotate(12deg)translate(30px,20px)}.signup-content .front-card{justify-content:center;align-items:center;transition:all .5s;display:flex}.signup-content .front-card:hover{rotate:10deg}.signup-content .card-icon{opacity:.6;font-size:4.8rem}.signup-content .online-users{z-index:2;position:relative}.signup-content .avatars{align-items:center;margin-bottom:8px;display:flex}.signup-content .avatar{background:var(--primary-background);width:3.6rem;height:3.6rem;color:var(--primary-text-color);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;margin-right:-8px;font-size:1.6rem;display:flex}.signup-content .avatar.count{background:var(--accent-color);color:var(--accent-text-color);font-size:1.2rem;font-weight:700}.signup-content .online-users p{opacity:.9;font-size:1.4rem}@media (min-width:768px){.arena-hero{padding:4.8rem}.arena-hero .title{font-size:4rem}}@media (max-width:700px){.signup-content{max-width:85%;max-height:80%}.arena-hero .hero-content .title{font-size:4.5em}.arena-hero .hero-content .sub-title{font-size:2em}.arena-hero .front-card,.arena-hero .back-card{width:150px;height:200px}}@media (max-width:600px){.signup-content{max-width:90%;max-height:80%}.arena-hero .hero-content .title{font-size:4em}.arena-hero .hero-content .sub-title{font-size:1.6em}}@media (max-width:500px){.signup-content{max-width:95%;max-height:70%}.arena-hero .hero-content .title{font-size:3.5em}.arena-hero .hero-content .sub-title{font-size:1.4em}.arena-hero .front-card,.arena-hero .back-card{width:90%}}@media (max-width:400px){.signup-content{max-height:60%}.arena-hero .hero-content .title{font-size:3em}.arena-hero .hero-content .sub-title{font-size:1.2em}}
.signup-form{flex-direction:column;gap:2rem;width:100%;padding:5rem;display:flex}.signup-form .sub-title{color:var(--text-off-white-secondary);font-weight:500}.signup-form .title{margin-bottom:5px}.signup-form .title-container .title{font-family:Poppins,sans-serif}.signup-form .title-container .sub-title{font-size:1.4rem}.signup-form .user-detail-container{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.signup-form .user-detail-container .input-field{padding:2rem 2rem 2rem 5rem}.signup-form .user-detail-container .icon{top:25%;left:20px;transform:translate(-50%,50%)}.signup-form .disclaimer{justify-content:center;align-items:center;gap:5px;width:100%;font-size:1.1em;font-weight:700;display:flex}.signup-form .disclaimer .text{color:var(--text-off-white)}.signup-form .disclaimer .login-link{color:var(--accent-color);outline:none;text-decoration:none}.signup-form .response-container{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.signup-form .response-container .redirect-text{color:var(--accent-color);letter-spacing:.5px;font-size:1.2em;font-weight:700}