.signup-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.signup-title{color:#fff;margin-bottom:30px;font-size:2.8rem;font-weight:700}.social-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:400px;margin-bottom:14px;padding:14px 20px;font-size:1.1rem;font-weight:500;transition:opacity .2s;display:flex}.social-btn .social-icon{border-radius:50%;width:24px;height:24px;margin-right:12px}.social-btn.google{color:#000;background-color:#fff}.signup-form{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.signup-form input{color:#fff;background-color:#00074a;border:1px solid #1c1c8a;border-radius:10px;padding:16px;font-size:1rem}.signup-form input::placeholder{color:#aaa}.signup-form input:focus,.signup-form input:active{color:#fff;background-color:#00074a;border:1px solid #3a3ad9;outline:none}.signup-form input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #00074a!important}.signup-btn{color:#fff;cursor:pointer;background-color:#ff6c2f;border:none;border-radius:10px;padding:16px;font-size:1.1rem;font-weight:600}.signup-btn:hover{background-color:#e55610}.custom-upload-btn{color:#fff;text-align:center;cursor:pointer;background-color:#3b3f5c;border-radius:10px;padding:14px 16px;font-size:1rem;transition:background-color .3s}.custom-upload-btn:hover{background-color:#5c6380}.image-preview{text-align:center;margin-top:1rem}.preview-img{object-fit:cover;border-radius:50%;width:100px;height:100px}.login-link{text-align:center;color:#ccc;margin-top:10px;font-size:.9rem}.login-link a{color:#fff;font-weight:700;text-decoration:underline}@media (max-width:500px){.signup-form{padding:0}.signup-title{font-size:1.6rem}.signup-form input,.signup-btn{font-size:.95rem}}