.signup-form-container{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:fadeIn 0.3s ease-in-out}.signup-form-container h2{margin-bottom:1.5rem;color:#333;text-align:center}.signup-form-container .field{margin-bottom:1.25rem}.signup-form-container .form-label{font-weight:500;margin-bottom:0.5rem;display:block}.signup-form-container .form-control{width:100%;padding:0.75rem;border:1px solid #ced4da;border-radius:4px;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.signup-form-container .form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.25rem rgba(0,123,255,0.25)}.signup-form-container .btn-primary{display:block;width:100%;padding:0.75rem;background-color:#007bff;border-color:#007bff;color:white;font-weight:500;text-align:center;border-radius:4px;cursor:pointer;transition:background-color 0.15s ease-in-out}.signup-form-container .btn-primary:hover{background-color:#0069d9;border-color:#0062cc}.signup-form-container .btn-outline-secondary{display:block;width:100%;padding:0.75rem;background-color:transparent;border:1px solid #6c757d;color:#6c757d;font-weight:500;text-align:center;border-radius:4px;cursor:pointer;transition:all 0.15s ease-in-out}.signup-form-container .btn-outline-secondary:hover{background-color:#6c757d;color:white}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.signup-form-container{padding:1.5rem;margin:0 1rem}}