*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:Poppins,sans-serif;background-color:#112117;color:#fff}.signup-container{display:flex;flex-direction:column;min-height:100vh}.signup-main{flex:1;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg,rgba(17,33,23,.8),rgba(17,33,23,.6)),url(https://lh3.googleusercontent.com/aida-public/AB6AXuABN6Jb_q1RxnczU_tMgt7SOUNhjws25raDJhZdmuONBc0ZGFKDwgHK5p8j5rpL2O6drzPvqoc6-ZWJwxGrppLN-rJwUhAj6LdQ3IjJf-PFYOfMW6SdE8-JZxnTP0X8NSOF7QGymSpOy7y4aNM1FiXp0Sqz40gJQ_VUUhAMNixbKukRPtDWcs3z42Qhk_3xjQYmz_EiQCSLBH07nEt-_S8IppE-5bwl0P7F_ZspNpaIy8PiwvNKVBImKGXI7N2rBlrd7_2ZIgcjj0YF) 50%/cover no-repeat;padding-top:80px}.signup-box{background-color:rgba(17,33,23,.8);backdrop-filter:blur(15px);padding:2rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.5);width:100%;max-width:450px;text-align:center}.signup-box h2{font-size:2rem;color:#fff}.signup-box p{color:rgba(255,255,255,.7);margin-top:.5rem;font-size:1rem}.role-switch{display:flex;gap:.5rem;margin-top:1.5rem;background:rgba(255,255,255,.1);border-radius:.5rem;padding:.25rem}.role-switch button{flex:1;padding:.6rem;border:none;background:transparent;color:rgba(255,255,255,.6);font-weight:700;cursor:pointer;border-radius:.5rem;transition:all .3s}.role-switch button.active{background-color:#1dc962;color:#112117}.signup-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.9rem;color:rgba(255,255,255,.8);display:block;margin-bottom:.3rem;text-align:left}.form-group input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.1);color:#fff;border-radius:.5rem;outline:none;transition:border .3s}.form-group input:focus{border-color:#1dc962}.btn-submit{margin-top:1rem;padding:.8rem;background-color:#1dc962;color:#112117;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:transform .3s}.btn-submit:hover{transform:scale(1.05)}