.signup-container{max-width:500px;margin:150px auto;padding:20px}
.signup-form-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.signup-title{text-align:center;color:#333;margin-bottom:30px;font-size:28px;font-weight:600}
.signup-form{display:flex;flex-direction:column;gap:20px}
.form-group{display:flex;flex-direction:column;gap:4px}
.form-group label{font-size:14px;font-weight:500;color:#555}
.form-group input{padding:12px 16px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}
.form-group select{padding:12px 16px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}
.form-group input:focus{outline:0;border-color:#4a90e2}
.form-group input.error{border-color:#e74c3c}
.form-group input.success{border-color:#27ae60}
.submit-btn{padding:14px;background-color:#4a90e2;color:white;border:0;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:10px}
.submit-btn:hover{background-color:#357abd}
.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}
.success-message{background-color:#d4edda;color:#155724;padding:15px;border-radius:4px;margin-top:20px;text-align:center;border:1px solid #c3e6cb}
.error-message-box{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;margin-top:20px;text-align:center;border:1px solid #f5c6cb}