.signup-container{box-sizing:border-box;background:linear-gradient(135deg,#a8c0ff,#3f2b96);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.signup-box{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:30px;animation:.4s ease-in-out fadeIn;box-shadow:0 10px 35px #0003}.signup-box h1{text-align:center;color:#3f2b96;margin-bottom:20px;font-size:28px}.signup-form{flex-direction:column;gap:16px;display:flex}.row{gap:15px;display:flex}.row .form-group{flex:1}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:5px;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3f2b96;box-shadow:0 0 4px #3f2b964d}textarea{resize:none}.small{flex-direction:row;align-items:center;gap:8px;display:flex}.small label{margin:0}.avatar-preview{border:2px solid #3f2b96;border-radius:50%;width:80px;height:80px;margin-top:10px;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.btn-signup{color:#fff;cursor:pointer;background:#3f2b96;border:none;border-radius:10px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:background .3s}.btn-signup:hover{background:#2b1f70}.error{color:#d9534f;margin-top:3px;font-size:12px}.form-error{text-align:center;margin-top:-8px}.login-link{text-align:center;margin-top:10px;font-size:14px}.login-link a{color:#3f2b96;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.row{flex-direction:column}}