.signup-page{min-height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;position:relative}.signup-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,0,0,.7),rgba(0,0,0,.9));z-index:0}.signup-container{flex:1 1;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:1;margin-top:4rem}.signup-card{width:100%;max-width:450px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);padding:3rem 2rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.signup-title{font-size:2rem}.signup-title,.verification-message{margin-bottom:2rem;text-align:center;color:#fff}.verification-message p{margin:.5rem 0;font-size:.95rem;line-height:1.5}.verification-message p strong{color:#8338ec}.resend-code-button{width:100%;padding:.75rem;margin-top:1rem;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.resend-code-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.resend-code-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:rgba(255,0,0,.1);color:#ff6b6b;padding:1rem;border-radius:8px;border:1px solid rgba(255,0,0,.2);margin-bottom:1.5rem;text-align:center;font-size:.9rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.signup-form{display:flex;flex-direction:column;justify-content:center}.signup-form .form-group{margin-bottom:1.5rem}.signup-form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:hsla(0,0%,100%,.8)}.signup-form .form-group input{width:100%;padding:.8rem 1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.signup-form .form-group input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.signup-form .form-group input::placeholder{color:hsla(0,0%,100%,.4)}.signup-form .submit-button{width:100%;padding:1rem;background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);margin-bottom:1.5rem}.signup-form .submit-button:hover{background-color:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.signup-form .submit-button:active{transform:translateY(1px)}.signup-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-form .submit-button:disabled:hover{background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:none;box-shadow:none}.signup-form .divider{position:relative;text-align:center;margin:0 0 1.5rem}.signup-form .divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:hsla(0,0%,100%,.2)}.signup-form .divider span{position:relative;background-color:rgba(0,0,0,.8);padding:0 1rem;color:hsla(0,0%,100%,.6);font-size:.9rem}.signup-form .google-button{width:100%;padding:1rem;background-color:rgba(66,133,244,.2);color:#fff;border:1px solid rgba(66,133,244,.4);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem}.signup-form .google-button svg{width:18px;height:18px}.signup-form .google-button:hover{background-color:rgba(66,133,244,.3);border-color:rgba(66,133,244,.6);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.signup-form .google-button:active{transform:translateY(1px)}.signup-form .checkbox-group{display:flex;align-items:center;gap:.5rem;margin:1rem 0 1.5rem}.signup-form .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#3a86ff;cursor:pointer}.signup-form .checkbox-group label{font-size:.9rem;line-height:1.2;cursor:pointer;margin:unset}.signup-form .checkbox-group label .tos-link{color:#3a86ff;text-decoration:underline}.signup-form .checkbox-group label .tos-link:hover{text-decoration:none}.signup-footer{margin-top:2rem;text-align:center}.signup-footer p{font-size:.9rem;color:hsla(0,0%,100%,.7)}.signup-footer .toggle-link{color:#fff;font-weight:600;text-decoration:none;padding:.3rem .5rem;margin-left:.5rem;transition:all .3s ease}.signup-footer .toggle-link:hover{text-decoration:underline}@media(max-width:768px){.signup-card{padding:2rem 1.5rem}.signup-title{font-size:1.8rem}}